读一读
<div class="row"> <div class="col-lg-8 col-md-8 col-sm-10 col-xs-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-1"> </div> </div>
在屏幕超大的时候lg，占用8份，一共分成12份，要居中的话，就要偏移2份，所以：
col-lg-8 col-lg-offset-2
<div class="pre-scrollable" style=" overflow:scroll; width:400px; height:400px;> </div>
设置好宽高，设置类为pre-scrollable就可以了
<div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> 60% </div> </div>
<div class="alert alert-success" role="alert">...</div> <div class="alert alert-info" role="alert">...</div> <div class="alert alert-warning" role="alert">...</div> <div class="alert alert-danger" role="alert">...</div>
<div class="jumbotron"> <h1>Hello, world!</h1> <p>...</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> </div>
<a href="#">Inbox <span class="badge">42</span></a> <button class="btn btn-primary" type="button"> Messages <span class="badge">4</span> </button>
<div class="input-group input-daterange"> <input type="text" class="form-control" value="2012-04-05"> <div class="input-group-addon">to</div> <input type="text" class="form-control" value="2012-04-19"> </div>
主要是input-daterange，再调用js初始化
$('.input-daterange input').each(function() {
$(this).datepicker('clearDates');
});
主要是两个文件引入，一个css，一个js
<link href="{{ asset('plugins/datepicker/datepicker3.css') }}" rel="stylesheet">
<script src="{{ asset('plugins/datepicker/bootstrap-datepicker.js') }}"></script>使用方法
$('对象').datepicker({
format: 'mm/dd/yyyy',
startDate: '-3d'});这样这个对象就是一个日期选择器了
json参数是一些初始化设置的值，看文档
或则直接设置input元素的属性
data-provide="datepicker"
放在同一个div .form-group下
label .radio-inline input .radio 哈哈 /
重复，这样就行了，同理checkbox-inline
有a 设置data-toggle=tab href=对应的#id
或者用js的方式
$(function){//表示文档加载完
$(.class a).click(function(){
$(this).tab("show");
})
}