class = "list-unstyled";
class = "list-inline";
在Bootstrap主要提供了三种代码风格 : 1、使用<code></code> 来显示单行内联代码 2、使用<pre></pre> 来显示多行块代码 3、使用<kbd></kbd> 来显示用户输入代码
预编译版本的Bootstrap将代码的样式单独提取出来: 1、LESS版本,请查阅code.less文件 2、Sass版本,请查阅_code.scss文件
表格
表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式 和4种附加样式 以及1个支持响应式的表格 。在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,在接下来的内容中,我们会详细介绍Bootstrap的表格使用。
☑ .table :基础表格
☑ .table-striped :斑马线表格
☑ .table-bordered :带边框的表格
☑ .table-hover :鼠标悬停高亮的表格
☑ .table-condensed :紧凑型表格
☑ .table-responsive :响应式表格
<table class="table table-bordered table-hover">
<input type="email" class="form-control" placeholder="请输入您的邮箱地址">
在 <form> 元素上使用类名“ form-horizontal ”主要有以下几个作用: 1、设置表单控件padding和margin值。 2、改变“form-group”的表现形式,类似于网格系统的“row”
在Bootstrap框架中实现这样的表单效果是轻而易举的,你只需要在<form>元素中添加类名“ form-inline ”即可。
<div class="form-group"> <label class="sr-only" for="exampleInputEmail2">邮箱</label> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="请输入你的邮箱地址"> </div>