FreeCodeCamp — Bootstrap

移动设备支持:

<meta name="viewport" content="width=device-width, initial-scale=1.0(, maximum-scale=1.0, user-scalable=no)">

确保页面里所有的内容都是响应式的 把所有元素放到<div class=''container-fluid'></div>

网格Grid:

把要在同一行显示的元素同放在一个class=’row‘的div中,每个元素添加class='col-xs-*' ( *代表每列的相对宽度 )

增加视觉效果:class='well'
文字居中: class='text-center'
按钮属性:
  • class=‘btn'
  • 变成块级元素 class='btn-block'
  • 变成深蓝色背景 class='btn-primary' (被用在那些用户主要采取的操作上)
  • 变成浅蓝色背景 class='btn-info' ( 被用在那些用户可能会采取的操作上 )
  • 变成红色背景 class=‘btn-danger' ( 被用来提醒用户该操作具有“破坏性" )
  • 默认样式 class='btn btn-default'
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容