如果想让一个段落p突出显示,可以通过添加类名.lead来实现,其作用是加粗文本,增大文本字号。
比如:
<p>我是普通文本,我的样子长成这样我是普通文本,我的样子长成这样我是普通文本,</p>
<p class="lead">我是特意要突出的文本,我的样子成这样。我是特意要突出的文本,我的样子长成这样。</p>
2.文本对齐 text-align:center居中对齐 /text-align:right右对齐/text-align:left左对齐/text-align:justify两端对齐 bootsrtap中通过四个类名.text-left、.text-right、.text-center、.text-justify来实现
3.Html中的列表共有三种 ol ul 定义列表dl bootstrap去除ol ul中的项目符号 用类class="list-unstyled";
4.bootstrap 使用类class="list-inline" 实现内联列表,将垂直列表转化为水平列表,并且去除项目符号,水平显示
5.表格元素 <table> <thead> <tbody> <th> <tr> <td>
6.bootstrap 为表格提供的类型 0>基础表格 .table 1>斑马线 .table-striped 2>带边框的表格 .table-bordered 3>鼠标悬停高亮的表格 .table-hover 4>紧凑型表格 .table-condensed 5>响应式表格 .table-responsive
7.bootstrap为表格的tr(行)提供了五种类型 .success .info .warning .active .danger
8.基础表单(from)常见的元素有 文本输入框 下拉选择框 单选按钮 复选按钮 文本域 按钮
9.bootstrap表单的默认显示风格是垂直显示风格,也可以设置为水平显示的风格(标签居左,控件居右)在<form >中使用 from-horizontal
10.bootstrap内联表单 添加类名 form-inline
11.bootstrap表单控件 文本输入框 <input type="text" class="form-control"> //form-control样式表单控件的宽度为auto或在100%
下拉选择框 select
文本域<textarea class="form-control" rows="3"></textarea>
复选框 checkbox 单选按钮 radio 实现水平显示 添加 checkbox-inline radio-inline
bootstrap按钮 使用input-sm 将控件变得小些 input-lg将控件变得大些
12.表单控件的验证状态 类名.has-success .has-warning .has-error