Bootstrap 学习随记

<ol></ol>有序列表

<ul></ul>无序列表

class="list-unstyled" 去掉列表前的数字或符号

class="list-inline" 横向排列 去掉列表前的数字或符号 效果 

1. 北京 
2. 上海 
3. 南京 
4. 厦门
6. <dl>
       <dt>北京</dt>
       <dd>北京市中国首都</dd>
       <dt>上海</dt>
       <dd>上海是东方巴黎</dd>
   </dl>
   
7. 定义列表

代码

1、<code>：一般是针对于单个单词或单个句子的代码
2、<pre>：一般是针对于多行代码（也就是成块的代码）
3、<kbd>:一般是表示用户要通过键盘输入的内容

code风格：

Bootstrap的代码风格有三种： <code>、 <pre>和 <kbd>

pre风格：

<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

kbd风格：

请输入 ctrl+c来复制代码，然后使用 ctrl+zv来粘贴代码

请使用ctrl+x复制代码，然后使用ctrl+shift+v将复制的代码粘贴到需要的地方。

在pre标签上添加类名“.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。

table 

  ☑  .table：基础表格

  ☑  .table-striped：斑马线表格

  ☑  .table-bordered：带边框的表格

  ☑  .table-hover：鼠标悬停高亮的表格

  ☑  .table-condensed：紧凑型表格

  ☑  .table-responsive：响应式表格

tr

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

form

input

class="form-control"

select

      <select multiple class="form-control">