Bootstrap学
Bootstrap使用的某些HTML元素和CSS属性需要文档类型为HTML5 的文件类型。因此这一文档类型必须出现在项目的每个页面的开始部分
<!DOCTYPE html>
<html lang="en">
...
</html>
HTML中定义的所有标题标签, 从<h1> 到<h6> 都是可用的。Bootstrap定义的全局 font-size 是 14px,line-height 是 20px。这些样式应用到了<body> 和所有的段落上。另外,对<p> (段落)还定义了1/2行高(默认为10px)的底部外边距(margin)属性。
在使用Bootstrap之前必须要将bootstrboots(压缩版)引入到页面中,它定义了Bootstrap的基本样式。如果需要使用Bootstrap提供的组件,要将bootstraootst(压缩版)引入到页面中。因为bootstrap的JS插件需要Jquery的支持,所有在引入boots须将Jqu到页面上。另外如果你希望你的页面支持响应式布局,必须引入bootstrap-responsive.css或者bootstrap-responsive.(压缩版),它主要提供页面在移动设备上的显示样式支持,需要注意的是bootstrap-responsive.css必须放置在bootstr,否则便不具有响应式布局功能。当然在Bootstrap3的版本中,bootsootstrap-responsive.css已经合并了。
代码样式
Bootstrap提供了代码样式,用于在页面上展示代码,以此来区分于正文的区别,如果是行内嵌套代码,可以用<code>标签,但是对于代码中的符号要进行转换(<是<、>是>)例如:
<!--正文中内嵌代码块-->
<p>For example, <code><section></code> should be wrapped as inline.</p>
如果是代码块可以用<pre>标签,同样的,代码中的要将代码中的尖括号做转换。例如:
<!--.pre-scrollable,其作用是设置max-height为350px,并在垂直方向展示滚动条-->
<pre class="pre-scrollable">
<p>Sample text here...</p>
<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-ess">...</p>
<p class="text-info">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>
</pre>
表格
基本的表格样式可以用<table> 标签。例如:
<h4>正常表格</h4>
<!--
-bordered为表格和其中的每个单元格增加边框
-striped可以给<tbody>之内的每一样增加斑马条纹样式
-hover可以让<tbody>中的每一行响应鼠标悬停状态
-->
<table class="table table-striped table-bordered table-hover">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
<tr>
<td>Mark</td>
<td>Otto</td>
<td>***@mdo</td>
</tr>
<tr>
<td>Jacob</td>
<td>Thornton</td>
<td>***@fat</td>
</tr>
</table
Bootstrap使用笔记 来自淘豆网m.daumloan.com转载请标明出处.
