![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
北风未起
这个作者很懒,什么都没留下…
展开
-
Bootstrap(一)认识Bootstrap
什么是Bootstrap?Bootstrap是一个用于快速开发web应用程序和网站的前端框架。 Bootstrap的优点。移动设备优先所有浏览器支持容易上手响应式设计内置组件基于web定制的开源 怎么使用BootstrapBootstrap官网提供了三种使用方式1.用于生产环境的 Bootstrap 编译并压缩后的 CSS、JavaS...原创 2018-07-20 08:59:34 · 349 阅读 · 0 评论 -
Bootstrap(二)栅格系统布局
Bootstrap为我们提供了两种布局。流体布局和固定布局。流体布局是按照百分比进行分配,平铺整个页面。固定布局是根据浏览器大小不同,固定尺寸不同,对应宽度不同,分为4个断点。>=1200 宽度为1170px>=920 宽度为970px>=768 宽度为750px<768 没有边距 栅格系统:什么是栅格系...原创 2018-07-20 09:15:01 · 1010 阅读 · 0 评论 -
Bootstrap(三)下拉菜单和分页器
下拉菜单用于显示连接裂变的可切换,有上下文的菜单下拉菜单中自定义属性的含义Data-* 触发器,操纵交互的aria-*和role类为不方便人士提供服务如屏幕阅读器aria-*一般表示行为,role当前的状态(separator为线)(disabled为禁用)<div class="container"> <div class="dropdown"...原创 2018-07-20 09:31:59 · 1782 阅读 · 0 评论 -
Bootstrap(四)列表组和附加导航
列表组普通列表组Ul添加类.list-group每一项li添加.list-group-item利用list-group-item-*给列表项设置预定义样式风格可以给列表项添加任何HTML内容列表项内容标题设置.list-group-item-heading列表项内容部分设置.list-group-item-text附加导航页面左侧或右侧的固定导航1.实现方法...原创 2018-07-20 09:40:40 · 1670 阅读 · 0 评论