bootstrap学习记录

原创
2015/09/17 15:24
阅读数 236
目前学了导航,导航栏,面包屑导航breadcrumb,table,panel,group-list,form,栅栏,droplist,badge
1.按钮,给<button> <a>添加btn样式就是btn了,样式有btn-default,btn-success,btn-info,btn-danger,btn-primary等,控制大小用btn-lg,btn-sm,btn-block可以铺满整个父元素宽度。禁用disabled

2.分页,ul 里添加pagination 就可以了,选中li上加class 不可用加disabled,大小控制pagination-lg pagination-sm,翻页下次遇到再说

3.按钮下拉,外层用btn-group,里面一个class="btn btn-default toggle-dropdown" data-toggle="dropdown" 后边跟个图标,然后下拉列表的内容,class="dropdown-menu"的ul。
4.布局 row 下边 col-md-2 col-md-10,列偏移col-md-offset-4 列嵌套,列排序?col-md-8 col-md-pull-4
5.面板  基本的面板panel panel-heading panel-body panel-footer panel-heading里可以有class为panel-title的h1 h2等,panel的风格panel-default,panel-primary,panel-info,panel-warning,panel-danger,panel-success,panel和table无缝结合,panel和列表组list-group无缝结合
6按钮组 做帖子主页面放收藏帖子+只看楼主的 class="btn-group" 里面放 btn 就可以了。大小控制btn-group-xs/sm/lg

7.glyphicon字体图标 可以自定义样式
8.badge图标
9.列表组 list-group list-group-item 可以ul可以a标签做链接 可以嵌套 可以加自定义内容 管理中心左侧导航用这个比较好。
10.排版注意下h1-h6
11.表格,暂时没用到,用到再说
12.图片样式有三个 IE8不支持 先不理了
13.辅助类 看下文字颜色 背景颜色 text-muted text-primary/info/success/danger/warning  bg-primary/info/success/danger/warning 左右浮动pull-left pull-right 变成块级并显示在中间center-block 清除浮动 clearfix 页面标题 page-header
关闭图标  清除浮动 clearfix pull-left pull-right

14.下拉菜单 和其他下拉一起来
15.信息框和警告

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部