-
<div class="form-group"> <label class="checkbox-inline"><input type="checkbox" >游戏</label> <label class="checkbox-inline"><input type="checkbox" >摄影</label> <label class="checkbox-inline"><input type="checkbox" >旅游</label> </div> <div class="form-group"> <label class="radio-inline"><input type="radio" name="sex">男性</label> <label class="radio-inline"><input type="radio" name="sex">女性</label> <label class="radio-inline"><input type="radio" name="sex">中性</label> </div>查看全部
-
class="table table-striped"隔行有一个浅灰色的背景色查看全部
-
.table单元格内距20px，thead底部2px浅灰实线，每个单元格顶部1px浅灰实线查看全部
-
前面介绍的都是使用Bootstrap框架制作一级导航，但很多时候，在Web页面中是离不开二级导航的效果。那么在Bootstrap框架中制作二级导航就更容易了。只需要将li当作父容器，使用类名“dropdown”，同时在li中嵌套另一个列表ul，使用前面介绍下拉菜单的方法就可以查看全部
-
.active 表示当前活动的信息 .success 表示成功或者正确的行为 .info 表示中立的信息或行为 .warning 表示警告，需要特别注意 .danger 表示危险或者可能是错误的行为查看全部
-
从上图效果可以得知，“nav-tabs”和“nav-justified”配合在一起使用，也就是自适应选项卡导航，浏览器视窗宽度小于768px时，在样式上做了另外的处理。查看全部
-
自适应导航指的是导航占据容器全部宽度，而且菜单项可以像表格的单元格一样自适应宽度。自适应导航和前面使用“btn-group-justified”制作的自适应按钮组是一样的。只不过在制作自适应导航时更换了另一个类名“nav-justified”。当然他需要和“nav-tabs”或者“nav-pills”配合在一起使用。查看全部
-
垂直堆叠导航查看全部
-
胶囊形导航。查看全部
-
标签型tab导航查看全部
-
<div class="form-group"> <select class="form-control" > <option>踢足球</option> <option>游泳</option> <option>慢跑</option> <option>跳舞</option> </select> </div>查看全部
-
<input type="text" class="form-control" placeholder="输入用户名">查看全部
-
使用<code></code>来显示单行内联代码 使用<pre></pre>来显示多行块代码 使用<kbd></kbd>来显示用户输入代码查看全部
-
placeholder:占位符.查看全部
-
列表加类<ul class="list-inline">变成水平，去掉项目符号查看全部
举报
0/150
提交
取消