Bootstrap,推特公司工程师开发的。
Bootstrap是基于HTML5和CSS3开发的,弹出层modal,如果不喜欢可以用国产的layer很不错。
head要有:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
类:
容器(Container),有边距。
container-fluid就没有边距了,100%的。
网格:
col-lg
col-md
col-sm
col-xs
容器和网格之间别忘了加.row类,嵌套列也要加
列排序:
您可以很轻易地改变带有 .col-md-push-* 和 .col-md-pull-* 类的内置网格列的顺序,其中 * 范围是从 1 到 11。
表格类
.table-striped tbody有斑马线
.table-bordered 加边框
.table-hover 鼠标悬浮效果
win下composer安装bootstrap
命令行下:composer require twbs/bootstrap
从Safari v8.0 开始,固定宽度的 .container 会导致 Safari 使用非常小的字号来打印页面,你需要修改这个类
html书写规范,开头
<!DOCTYPE html>
<html>
...
</html>
清除 clearfix
列偏移,增加左边的边距*个
col-md-offset-*
被删除的文本使用 <del> 标签
着重<strong>rendered as bold text</strong>
斜体<em>rendered as italicized text</em>
<b> 用于高亮单词或短语,不带有任何着重的意味
<i> 标签主要用于发言、技术词汇等。
文本对齐
text-right等
英文大写text-uppercase
无样式列表
<ul>
<li>...</li>
</ul>
- 我的微信
- 这是我的微信扫一扫
- 我的微信公众号
- 我的微信公众号扫一扫