Bootstrap架构(强调 响应式设计
的概念)
首先需要引用相关的CSS样式:
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
将所有的HTML内容放入进一个应用container-fluid类为属性的div
如果要引用图片资源的话,为了使其能适应屏幕大小,可以给它们增加img-responsive类属性。
Bootstrap有许多类可以直接使用:如
btn:Bootstrap设计好的button样式
btn-block: 使得button大小不局限文本大小,而是扩宽范围
btn-primary:更改button背景为蓝色 btn-info:更改button背景为淡蓝 btn-danger:更改button背景为红色(主要用于提醒删除等措施)
Bootstrap使用响应式栅格系统,.col-xs-*或.col-md-*用来表示所占的栅格数目,并且同意在一个.row类中。
Font Awesome是很有用的一个图形库
可以用引用.fa及一系列的类的i元素来使用图片