[TOC]

Grid system(网格系统)

  • 每一行rows应放在.container(fixed-width)或.container-fluid(full-width)中
  • 使用rows来创建水平列组(groupes of columns)
  • 内容放在column中,column是rows的子类

Chrome开发者工具

ctrl+shift+i

应用框架

要将 bootstrap CSS 应用于 bootstrap-prestructure.html 文件,需要:将 bootstrap-prestructure.html 文件移至你的 bootstrap 目录。打开 HTML 文件,在母体元素下方的 head 元素中添加一条指向 bootstrap CSS 文件的链接:
<link rel="stylesheet" href="css/bootstrap.min.css">

保存修改

要将你在开发者工具中对 HTML 所做的更改保存至你的 HTML 文件,只需右键单击或 ctrl + 单击 元素,然后选择“复制为 HTML”,然后用复制的文本替换你文件中的 HTML。

响应式页面

响应式图片加上class="img-responsive" alt="Responsive image"

Bootstrap排版

文字对齐加上class="text-left"表示左对齐
文字装换加上class="text-uppercase"将文字变为大写
可添加在文字类型如h1,h3,最好是直接添加在包含他们的div上

自定义CSS

在/css文件夹下添加style.css文件
从大到小对网页中的元素添加定制