BootStrap对开发者来说最大的好处就是响应式布局和一些优秀的样式。 现在我给大家介绍一些使用BootStrap的步骤和一些常用的东西。
1.编写头部
<Meta charset="UTF-8">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="viewport" content="width=device-width,initial-scale=1">
LearnBootstrap
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js">
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js">
2.引入js
这个可以写在body
3.使用container类
container类是一个常用的div类 主要是用居中功能
4.使用栅格化系统
栅格化系统是BootStrap一个非常常用的一个布局系统 简单的使用如下
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-8 col-md-push-4">.col-xs-12 .col-sm-6 .col-md-8
<div class="col-xs-6 col-md-4 col-md-pull-8">.col-xs-6 .col-md-4