boostrap是基于前端的一条目框架， 它可以晋升我们前端工程师写代码的效率， 而且能解决所有本家儿流浏览器的兼容问题 。 此刻带大师来引入boostrap， 而且简单运用boostrap 。
需要这些哦
前端编纂器（Dreamweaver或者sublime）
boostrap情况包（可到官网下载）
boostrap引入1一、下载并解压boostrap的情况包 。 解压后为css,fonts,js文件夹 。
文章插图
文章插图
2二、css文件夹中， boostrap.css是未压缩的css， boostrap.min.css是压缩过的css 。 js文件夹中必需要有jQuery.min.js， 没有的话下载并放入 。
文章插图
文章插图
3【引入boostrap的方法，简单运用boostrap】三、引入boostrap， 窗口和设备的窗口连结一致， 初始缩放 100%， 禁止用户双击， 引入boostrap.min.css， jQuery.min.js， boostrap.min.js 。
文章插图
简单运用boostrap1一、bootstrap结构容器， 将内容包裹在<div class="container ">...</div>中 。 <div class=”container”>固定宽度1170px内容</div><div class=”container-fluid”>宽度为 100%内容</div> 。
文章插图
2二、.list-unstyled 去失落列表前面的符号， 和去失落原有的格局 。 .list-inline 把<li></li>之间的内容 ， 酿成横标的目的摆列 。
文章插图
3三、.dl-horizontal 设置酿成横标的目的摆列， 结果如下：
文章插图
文章插图
4四、.table 表格的一个基类 ， 若是加其他的样式， 都在.tabel的根本上 。
文章插图
5五、.table-bordered 给表格加外边框， .table-hover 鼠标悬停结果， 鼠标移动行或单位格， 变色. table-striped 斑马线结果， 隔行换色 。
文章插图
文章插图
6六、. table-responsive 给table的父元素加以移动设备为优先， 若是内容不克不及完全的显示， 会呈现滚动条状况类设置的是行tr或 td 。
推荐阅读
- 怎么成为熊猫TV的主播
- 二 硒的生理功能与富硒茶的开发，铁观音属于乌龙茶么
- 三次去韩国看茶道，桑叶茶的功效
- 打开电脑系统服务的几种方法
- 家乡茶的边缘，怎么泡铁观音茶
- 如何用Word制作一个水印图片
- 虎牙直播一卡一卡怎么办
- js如何修改button上的文字
- 墨西哥无毛犬的养护常识 注意防寒
- 意大利灰狗好养吗 是喜欢奔跑的犬种