![](https://img-blog.csdnimg.cn/20201120163702425.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Bootstrap
学习响应式网站开发,前端框架Bootstrap。
郑洁文
这个作者很懒,什么都没留下…
展开
-
Bootstrap插件
一,认识JavaScript插件二,实现动画过度效果三,使用Modal插件实现模态框效果四,使用Tab插件实现选项卡效果五,使用Carousel插件实现轮播图六,使用ScrollSpy插件实现滚动监听七,Bootstrap总结...原创 2020-11-21 12:26:45 · 157316 阅读 · 0 评论 -
Bootstrap CSS组件
一,使用图标组件如需使用图标,只需要简单地使用下面的代码即可。请在图标和文本之间保留适当的空间。<span class="glyphicon glyphicon-search"></span>使用简单,需要哪个图标就引用对应的类即可。设置图标组件大小,font-size即可。二,使用下拉菜单组件下拉菜单是可切换的,是以列表格式显示链接的上下文菜单。<div class="dropdown"> <button type="button" clas原创 2020-11-20 21:57:17 · 154435 阅读 · 0 评论 -
初识Bootstrap
一,认识BootstrapBootstrap来自Twitter,是目前流行的前端框架。它是基于HTML,CSS,JavaScript的一个简洁,灵活的开源框架。前面了解到媒体查询,开发和维护起来很麻烦!bootstrap库包含很多现成样式和功能。只需找到合适的代码插入即可。大大加快的响应式开发。bootstrap的使用,直接引入文件即可。<!DOCTYPE html><html> <head> <title>Bootstrap 模板原创 2020-11-20 20:50:12 · 153308 阅读 · 0 评论 -
响应式网页设计
一,认识Flex弹性盒布局1,使用弹性布局的原因。传统的布局为盒子模型和浮动,宽度固定(不会随游览器宽度自动改变)。在屏幕较宽的情况下,会出现多余的空白。在窄的屏幕下,内容又无法显示完。给用户体验不是很好。2,弹性布局的2种方法第一种使用:盒子模型和浮动。宽度设置为百分比。勉强实现弹性布局,随着游览器的宽度发生改变。适用范围有局限性。第二种使用:Flex弹性盒模型。非常实用。Flex的功能:能随着屏幕和游览器大小的改变而灵活的调整布局。控制元素在页面上的布局方向。按照不同于文档对象模型(DOM)原创 2020-11-20 19:16:51 · 155571 阅读 · 0 评论