[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文件
从大到小对网页中的元素添加定制