Bootstrap的表单有三种模式：垂直表单、内联表单、水平表单，其中水平表单使用较多。    垂直表单的基本代码如下：    <!--垂直表单：所有表单内容都在垂直方向上（少用）-->     <form>     <!--第1步：所有的标签和控件放在一个div中 且class="form-group"-->       <div class="form-group">     

面板是我们在网页中常见的一种结构，上面是头部，下面是主体部分进行详细描述，也可在其最后添加上底部内容，折叠面板是将多个面板放在一个面板组中，但页面中只允许打开一个面板的详细内容，其他都折叠起来，以下是折叠面板的基本代码和实现步骤：<!--第三步：声明一个面板组--> <div id="mypanelgroup" class="panel-group">   <!--第一步：写几个面板-->   <div class="panel panel-default">     <div class="

在网页中我们最常见的就是导航条结构，如果我们需要用HTML、CSS、JS来搭建导航条结构，代码会非常的多，而且结构复杂，还要完善其中一个个的小细节，而使用Bootstrap来搭建，能快速而简单的达到需要的效果，以下我们来见识以下bootstrap的威力，请看以下代码：<!--导航条--> <!--第一步：导航标签，声明导航类、导航类样式--> <nav class="navbar navbar-default">   <!--第二步：所有内容用一个容器包裹-->   <div class="co

tab切换即标签页也是我们在网页中经常见的一种结构，可以将多个板块的内容放入一个容器中，在需要的显示显示，能有效的利用网页的空间，以小占面放多内容，以下是用bootstrap搭建tab切换结构的基本代码：<!--tab切换--> <!--第一步：声明tab的导航条--> <ul class="nav nav-tabs">   <li class="active">   <!--第二步：声明行为是tab切换-->   <!--第五步：连接tab导航切换tab内容-->   <!--第六步：看CSS