Bootstrap学习 - 全局CSS样式

<!-行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中->

<div class="container">
    <div class="row">
        <div class="col-md-1">col-md-1</div>    <!-一行最多12列, col-xs, col-sm, col-md, col-lg四种格式->
    </div>
</div>
    

<!-内联代码->   

For example, <code>&lt;section&gt;</code> should be wrapped as inline

<!-用户输入->

To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

<!-代码块->

<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>

<!-变量->

<var>y</var> = <var>m</var><var>x</var> + <var>b</var>

<!-程序输出->

<samp>This text is meant to be treated as sample output from a computer program.</samp>

<!-基本->
<table class="table">
.table 类可以为其赋予基本的样式 — 少量的内补（padding）和水平方向的分隔线。
<!-条纹状表格->
.table-striped 类可以给 <tbody> 之内的每一行增加斑马条纹样式。
<!-带边框表格->
.table-bordered 类为表格和其中的每个单元格增加边框。
<!-鼠标悬浮->
.table-hover 类可以让 <tbody> 中的每一行对鼠标悬停状态作出响应。
<!-紧缩表格->
.table-condensed 类可以让表格更加紧凑，单元格中的内补（padding）均会减半。

<!-响应式表格->
将任何 .table 元素包裹在 .table-responsive 元素内，即可创建响应式表格，其会在小屏幕设备上（小于768px）水平滚动。当屏幕大于 768px 宽度时，水平滚动条消失。

<!-状态类->