bootstrap

  • 图标 glyphicon使用了相对定位
  • text-transform 定义文本的大小写状态,此属性对中文无意义capitalize: 首字母大写 uppercase: 大写
    lowercase: 小写 none: 正常无变化 inherit: 继承
  • 使用em或者百分比给margin赋值,有主副标题时,可以给a元素内加span,span设置display:block,文本居中即可实现。font,letter-spacing调节具体大小
  • li元素内结构简单时可以直接inline-block,没必要用float就不要用,另外对浮动的元素在最后的设置float:right,这样在屏幕宽度变化时带来的体验也会好点。
  • container 有固定内边距,随窗口变化外边距。container-fluid,宽度100%等于窗口宽度,有固定内边距
  • .navbar-nav在.nav的基础上设置了浮动和外边距(自身设置浮动和子元素li设置浮动,min-width:768px)
  • banner最好用背景图,设置background-size:cover ,另外这个属性可以用百分比或者length设置,如果只设置一个值那么另外一个值会等比缩放。contain 容纳,缩放至某一边紧贴容器
  • 清除浮动使用.clearfix,使用:after也可以,但在项目中使用把需要清除浮动加进css代码组可能比较烦。
    另外overflow,如果父元素有border-radius属性会被裁剪。所以有css3属性的尽量不要用,谁知道什么时候又多了什么影响。
  • row 通过before after设置了清除浮动,这样自身的高度可以被子元素撑开,同时使用这个类名的时候相当于另起一行

你可能感兴趣的:(bootstrap)