blogging

2016年8月19日

摘要：进度条--基本样式进度条--彩色进度条进度条--条纹进度条进度条--动态条纹进度条进度条--层叠进度条(层叠进度条宽度之和不能大于100%，大于100%就会造成不良效果) 进度条--带Label的进度条阅读全文

posted @ 2016-08-19 11:51 blogging 阅读(504) 评论(0) 推荐(0)

摘要：缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。在宽屏幕（可视区域大于768px）的阅读全文

posted @ 2016-08-19 10:30 blogging 阅读(853) 评论(0) 推荐(0)

2016年8月18日

bootstrap导航条相关知识

摘要：在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。为导航条添加标题、二级菜单及状态带表单的导航条固定导航条 ☑ .navbar-fixed-top：导航条固定在浏览器窗口顶部 ☑ .navbar-fixed-bott 阅读全文

posted @ 2016-08-18 09:54 blogging 阅读(236) 评论(0) 推荐(0)

2016年8月17日

导航

摘要：标签形tab导航标签形导航，也称为选项卡导航。特别是在很多内容分块显示的时，使用这种选项卡来分组十分适合。胶囊形(pills)导航垂直堆叠的导航（制作垂直堆叠导航只需要在“nav-pills”的基础上添加一个“nav-stacked”类名即可）如果我在”nav-tabs”上添加“nav-st 阅读全文

posted @ 2016-08-17 15:33 blogging 阅读(259) 评论(0) 推荐(0)

按钮

摘要： 1、默认所有按钮都有圆角 2、除第一个按钮和最后一个按钮（下拉按钮除外），其他的按钮都取消圆角效果 3、第一个按钮只留左上角和左下角是圆角 4、最后一个按钮只留右上角和右下角是圆角按钮工具栏按钮组大小设置在介绍按钮一节中，我们知道按钮是通过btn-lg、btn-sm和btn-xs三个类名来调整阅读全文

posted @ 2016-08-17 10:53 blogging 阅读(233) 评论(0) 推荐(0)

下拉菜单

摘要： 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为: <div class="dropdown"></div> 2、使用了一个<button>按钮做为父菜单，并且定义类名“dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外容器类名一致，此示阅读全文

posted @ 2016-08-17 09:26 blogging 阅读(189) 评论(0) 推荐(0)

2016年8月16日

列的嵌套

摘要： <div class="container"> <div class="row"> <div class="col-xs-8"> 我的里面嵌套了一个网格 <div class="row"> <div class="col-xs-6">col-md-6</div> <div class="col-xs 阅读全文

posted @ 2016-08-16 16:31 blogging 阅读(152) 评论(0) 推荐(0)

列排序

摘要：列排序其实就是改变列的方向，就是改变左右浮动，并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名“col-md-push-*”和“col-md-pull-*” (其中星号代表移动的列组合数)。阅读全文

posted @ 2016-08-16 16:06 blogging 阅读(194) 评论(0) 推荐(0)

列偏移

摘要：有的时候，我们不希望相邻的两个列紧靠在一起，但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移（offset）功能来实现。使用列偏移也非常简单，只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数)，那么具有这个类名的列就会向右偏移。例如，你在阅读全文

posted @ 2016-08-16 15:55 blogging 阅读(423) 评论(0) 推荐(0)

bootstrap小图标引用方法

摘要： <span class="glyphicon glyphicon-search"></span> <span class="glyphicon glyphicon-asterisk"></span> <span class="glyphicon glyphicon-plus"></span> <sp 阅读全文

posted @ 2016-08-16 12:04 blogging 阅读(1128) 评论(0) 推荐(0)

公告