FreeCodeCamp — Bootstrap

移动设备支持:

确保页面里所有的内容都是响应式的 把所有元素放到

网格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'

你可能感兴趣的:(FreeCodeCamp — Bootstrap)