bootstrap前端UI框架,知识点总结,学习的可以看看

Bootstrap,推特公司工程师开发的。

bootstrap前端UI框架,知识点总结,学习的可以看看

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。

bootstrap前端UI框架,知识点总结,学习的可以看看

表格类

.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>

bootstrap前端UI框架,知识点总结,学习的可以看看

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: