在慕课学习Bootstrap

---恢复内容开始---

可以用class=“h1”等给元素加h1样式

<h>------<small>----</small></h>     <small>是副标题

class="lead"     强调文本，突出显示

<strong>---</strong>     粗体

<i>---</i>   <em>---</em>     斜体

 

• text-muted：提示，使用浅灰色（#999）                                                                                                                text-left                 文本向左对齐                                                           .table：基础表格
• .text-primary：主要，使用蓝色（#428bca）                                                                                                           text-right               文本向右对齐                                                           .table-striped：斑马线表格
• .text-success：成功，使用浅绿色(#3c763d)                                                                                                           text-center             文本居中对齐                                                           .table-bordered：带边框的表格
• .text-info：通知信息，使用浅蓝色（#31708f）                                                                                                        text-justify            文本两端对齐                                                            .table-hover：鼠标悬停高亮的表格
• .text-warning：警告，使用黄色（#8a6d3b）                                                                                                                                                                                                                       .table-condensed：紧凑型表格
• .text-danger：危险，使用褐色（#a94442）                                                                                                                                                                                                                         .table-responsive：响应式表格

class=“list-inline”     内联列表，简单说就是水平的没有符号的列表，为导航而生

自定义列表中加class=“dl-horizontal”    自定义水平列表

在网页上插入代码有三种<code>单行</code>     <pre>多行</pre>     <kbd>用户用键盘操作</kbd>     无论是哪一个  小于号用&lt，大于号用&gt

<pre class="pre-scrollable">多行代码是，又不想让其占用过多面积，此类可以出现滚动条，高度限定为340px

类名	描述
.active	表示当前活动的信息
.success	表示成功或者正确的行为
.info	表示中立的信息或行为
.warning	表示警告，需要特别注意
.danger	表示危险或者可能是错误的行为

 

水平表单class=“form-horizontal”

内联表单class=“form-inline”

<div class="form-group"><input type="--" class="form-control" placehoder="Enter email"></div>

下拉选择框（滚动条模式的话，在select中加multiple）

<div class="form-group">

<select class="form-control">

<option></option>

<option></option>

<option></option>

</select>

</div>

 

文本域和原始使用方法一样，设置rows可定义其高度，设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。

<form role="form">

  <div class="form-group">

    <textarea class="form-control" rows="3"></textarea>

  </div>

 

</form>

 

                                                                                                                                                        复选框checkbox和单选择按钮radio      水平排列加inline

<form role="form">
<div class="form-group">
<input type="email" class="form-control" placeholder="Enter email">
</div>
</form>

---恢复内容结束---

可以用class=“h1”等给元素加h1样式

<h>------<small>----</small></h>     <small>是副标题

class="lead"     强调文本，突出显示

可以用class=“h1”等给元素加h1样式

<h>------<small>----</small></h>     <small>是副标题

class="lead"     强调文本，突出显示