颜色

  • 使用.text-实现特定的颜色,其中可以为success,danger,warning,primary,secondary,light,dark,muted,white,black
  • 其中white与black还可以设置为text-white-50,text-black-50,分别表示颜色的一半
  • 使用.text-*也可以实现超链接的点击与悬停,但是white与muted不支持
  • .bg-可以实现背景颜色的设置,其中与文本颜色一致,多一个transparent,用来设置背景色为透明

边框

  • 使用.border为元素设置边框,边框默认的颜色为淡灰色。可以使用.border-top,bottom,left,right分别设置四条边框
  • 也可以为边框添加颜色,使用.border-success等类就可以实现
  • 使用.border-0或者.border-*-0消除边框
  • 使用.rounded或者是.rounded-*来实现整个元素的圆角属性或者某条边的圆角属性
  • 使用.rounded-circle实现正圆,使用.rounded-pill实现椭圆
  • .rounded-sm实现小圆角效果,.rounded-lg实现大圆角效果

更多推荐

Bootstrap的颜色与边框