BootStrap复选框、导航栏

复选框与输入框组合，同样也使用到input-group-addon样式，使用checkbox来定义复选框，radio定义单选框

导航栏：nav类，

普通标签页:nav-tabs   

胶囊式标签页:nav-pills   

垂直胶囊式标签页：nav-pills nav-stacked    

禁用超链接：class=disabled

关于导航栏的active样式无法自动添加的问题，这个需要JS来完成。

$('#ulid li a').each(function(){  
       if($($(this))[0].href==String(window.location))  
           $(this).parent().addClass('active');  

   }); 

找了个别人的例子：

<ul class="tabbable faq-tabbable">


　　 <li class="active"><a href="@Url.Action("Index", "MyContract", new { area = "MyData" })">我的合同</a></li>


　　<li><a href="@Url.Action("Index", "MyCashout", new { area = "MyData" })">我的请款</a></li>


　　<li><a href="@Url.Action("Index", "MyReceive", new { area = "MyData" })">我的入库</a></li>


　　 <li><a href="@Url.Action("Index", "MyCashback", new { area = "MyData" })">我的付款</a></li>

 

</ul>

 

$(".faq-tabbable").find("li").each(function () {


　　　　var a = $(this).find("a:first")[0];


　　　　 if ($(a).attr("href") === location.pathname) {


　　　　　　$(this).addClass("active");


　　　　} else {


　　　　　　 $(this).removeClass("active");


　　　　}


　　});


})

   原理是找到所有的li标签，对其a标签的链接地址进行判断，如果和当前浏览器的地址一致，就认为是当前应该激活的菜单，添加acive类，否则就取消。