1 / 19
文档名称:

Bootstrap使用笔记.doc

格式:doc   大小:118KB   页数:19页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Bootstrap使用笔记.doc

上传人:drp539606 2019/2/2 文件大小:118 KB

下载得到文件列表

Bootstrap使用笔记.doc

相关文档

文档介绍

文档介绍:Bootstrap使用的某些HTML元素和CSS属性需要文档类型为HTML5的文件类型。因此这一文档类型必须出现在项目的每个页面的开始部分<!DOCTYPEhtml><htmllang="en">...</html>HTML中定义的所有标题标签,从<h1>到<h6>都是可用的。Bootstrap定义的全局font-size是14px,line-height是20px。这些样式应用到了<body>和所有的段落上。另外,对<p>(段落)还定义了1/2行高(默认为10px)的底部外边距(margin)属性。(压缩版)引入到页面中,它定义了Bootstrap的基本样式。如果需要使用Bootstrap提供的组件,(压缩版)引入到页面中。因为bootstrap的JS插件需要Jquery的支持,。另外如果你希望你的页面支持响应式布局,必须引入bootstrap--(压缩版),它主要提供页面在移动设备上的显示样式支持,需要注意的是bootstrap-,否则便不具有响应式布局功能。当然在Bootstrap3的版本中,-。代码样式Bootstrap提供了代码样式,用于在页面上展示代码,以此来区分于正文的区别,如果是行内嵌套代码,可以用<code>标签,但是对于代码中的符号要进行转换(<是<、>是>)例如:<!--正文中内嵌代码块--><p>Forexample,<code><section></code>shouldbewrappedasinline.</p>如果是代码块可以用<pre>标签,同样的,代码中的要将代码中的尖括号做转换。例如:<!--.pre-scrollable,其作用是设置max-height为350px,并在垂直方向展示滚动条--><preclass="pre-scrollable"><p>Sampletexthere...</p><pclass="text-muted">...</p><pclass="text-primary">...</p><pclass="text-ess">...</p><pclass="text-info">...</p><pclass="text-warning">...</p><pclass="text-danger">...</p></pre>表格基本的表格样式可以用<table>标签。例如:<h4>正常表格</h4><!---bordered为表格和其中的每个单元格增加边框 -striped可以给<tbody>之内的每一样增加斑马条纹样式 -hover可以让<tbody>中的每一行响应鼠标悬停状态--><tableclass="tabletable-stripedtable-borderedtable-hover"><tr><th>FirstName</th><th>LastName</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>-condensed类,如果想为表格添加颜色可以选择情景类,情景类有:.ess表示成功或积极的行为。.error表示一个危险或存有潜在危险的行为。.warning表示警告,可能需要注意。.info作为一个默认样式的一个替代样式。例如:<!---condensed可以让表格更加紧凑,单元格中的内部(padding)均会减半--><tableclass="tabletable-condensed"><tr><th>FirstName</th><th>LastName</th> <th>Username</th></tr><trclass="warning"><td>Mark</td><td>Otto</td