Bootstrap学习 表单控件、表格的五种类型 、表格行的五种类型

1. 如果想让一个段落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

转载于:https://my.oschina.net/2391492524/blog/608447