<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
2017-10-26
$(function(){
$(".nav-tabs li").bind("click",function(){
$(this).addClass("active").siblings().removeClass("active");
});
$(".nav-pills li").bind("click",function(){
$(this).addClass("active").siblings().removeClass("active");
});
});
$(".nav-tabs li").bind("click",function(){
$(this).addClass("active").siblings().removeClass("active");
});
$(".nav-pills li").bind("click",function(){
$(this).addClass("active").siblings().removeClass("active");
});
});
2017-10-26
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
2017-10-26
源码差别:
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
2017-10-26
这里面的“checkbox-inline”和“radio-inline”主要是将复选框或单选按钮与label标签内的文字对齐吧
2017-10-26
button 完全不对 要加data-toggle="modal" data-target="#mymodal"
2017-10-25
进度条的基准值是style中的width的值,通过JS进行DOM节点的style操作。学过JS的应该很明白,虽然H5已经有进度条的标签了 但是,这种也蛮方便的
2017-10-24