随笔分类 -  Bootstap

Bootstrap 导航栏
摘要：1 阅读全文
posted @ 2018-04-12 21:46 pengc 阅读(123) 评论(0) 推荐(0)
Bootstrap 标签页
摘要：普通标签页 胶囊标签页：.nav-pills 竖胶囊标签：.nav-stacked 水平两端对齐：.nav-justified 阅读全文
posted @ 2018-04-12 18:42 pengc 阅读(155) 评论(0) 推荐(0)
Bootstrap 输入框组
摘要：输入框组 尺寸：.input-group-lg .input-group-sm 阅读全文
posted @ 2018-04-12 17:28 pengc 阅读(192) 评论(0) 推荐(0)
Bootstrap 按钮组
摘要：连在一起的按钮：.btn-group 按钮工具栏：把一组btn-group 放进.btn-toolbar 垂直连在一起的按钮：.btn-group-vertical 分裂按钮下拉菜单 阅读全文
posted @ 2018-04-12 17:16 pengc 阅读(132) 评论(0) 推荐(0)
Bootstrap 按钮下拉菜单
摘要：向下拉 向上拉菜单：.dropup ul向右：.dropdown-menu-right li标题：.dropdown-header 横线：. 阅读全文
posted @ 2018-04-12 16:59 pengc 阅读(187) 评论(0) 推荐(0)
字体图标
摘要：警告框 阅读全文
posted @ 2018-04-12 16:32 pengc 阅读(131) 评论(0) 推荐(0)
Bootstrap 图片
摘要：响应式：.img-responsive 居中：.center-block 圆角：.img-rounded 圆形：.img-circle 带边框：.img-thumbnail 阅读全文
posted @ 2018-04-12 15:15 pengc 阅读(122) 评论(0) 推荐(0)
Bootstrap 按钮
摘要：按钮的标签 <a class="btn btn-default" role="button"> <input class="btn btn-default" type="button"> <button> 只有这个能用于导航条 背景色+白色字：深蓝色.btn-primary 绿色.btn-succe 阅读全文
posted @ 2018-04-12 15:00 pengc 阅读(156) 评论(0) 推荐(0)
Bootstrap 表单
摘要：基本表单（输入框站一行） 全部表单显示在一行：form-inline 隐藏lable： sr-only 紧贴input 水平表单（和栅格结合）： 文本：<textarea class="form-control" rows="3"></textarea> 多选框和单选框： .radio .check 阅读全文
posted @ 2018-04-11 15:08 pengc 阅读(195) 评论(0) 推荐(0)
Bootstrap 表格
摘要：表格基本样式 斑马：table-striped 带边框：table-bordered 鼠标悬停响应：table-hover 紧凑些：table-condensed 背景颜色：粉蓝info 粉梅danger 粉肉：warning 粉绿:success 浅灰色.active 响应小于768px ： .t 阅读全文
posted @ 2018-04-11 14:37 pengc 阅读(127) 评论(0) 推荐(0)
Bootstrap 代码
摘要：暂 阅读全文
posted @ 2018-04-11 14:21 pengc 阅读(113) 评论(0) 推荐(0)
Bootstrap 排版 文本
摘要：小一点浅一点（设置文本为父文本大小的 85%）<small> .small 大一点粗一点 行高高一点 .lead 粗 <strong> 斜体 <em> 添加背景色 <mark> 中间横杠 <del> 下滑线 <u> 文本位置：text-left text-right text-center 元素位置 阅读全文
posted @ 2018-04-11 14:09 pengc 阅读(602) 评论(0) 推荐(0)
bootstrap 栅格calss
摘要：container container-fluid row col-xs- col-sm- col-md- col-lg- col-md-offset- col-md-push- col-md-pull- 阅读全文
posted @ 2018-04-11 11:21 pengc 阅读(171) 评论(0) 推荐(0)
Bootsrap 直接使用
摘要：Bootstrap3 直接使用 Bootstrap4 直接使用（注意：应经不支持IE8和IOS6） 阅读全文
posted @ 2018-04-11 10:46 pengc 阅读(353) 评论(0) 推荐(0)
Bootstrap3和Bootsrap4的区别
摘要：Bootstrap3和Bootstap4的区别 1、Bootsrap4 css文件减少了40%以上 2、Bootsrap4已经不支持IE8以及IOS 6的支持 3、多了些类好组件 阅读全文
posted @ 2018-04-11 10:38 pengc 阅读(12821) 评论(0) 推荐(0)