首页 > Web开发 > 详细

bootstrap框架--css布局

时间:2016-01-21 19:37:49      阅读:289      评论:0      收藏:0      [点我收藏+]
  • css布局语法是bootstrap三大核心内容的基础
    • 优点:通过最基础、最简单的组合来实现;快速的制作出精美的页面;
  • class="lead"加粗,字体变大
  • 给其他标签加上h1-h6的class,标签怎会变成相应的标题标签
  • list-unstyled 取出点
  • list-online 浮动到一行
  • dl-horizontal 可以让dl列表水平排列
  • container具有居中的效果,所以要想实现元素居中,可以给元素外面套一个class为container的div
  • 按钮风格:
    • btn-default(默认)白色
    • btn-primary(视觉加重)深蓝
    • btn-success(成功)绿色
    • btn-info(提示信息)浅蓝
    • btn-warning(警告)橘黄
    • btn-danger(危险)红色
    • btn-link(看起来像链接)
    • disabled禁用 不可点击
    • active激活状态,会有阴影效果
  • table:
    • table
    • table-striped各行变色
    • table-bordered边框
    • table-condensed紧凑型
    • table-hover鼠标hover时背景色提示
  • form
    • form-control宽度设置成100%
    • form-group组与组间的margin值加大

bootstrap框架--css布局

原文:http://www.cnblogs.com/barbie7/p/5149058.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!