-
进度条--动态条纹进度条 在进度条“progress progress-striped”两个类的基础上再加入“active”类名。 <div class="progress progress-striped active">查看全部
-
进度条--条纹进度条 基础上增加类名“progress-striped” <div class="progress progress-striped"> <div class="progress-bar progress-bar-success" ></div> </div>查看全部
-
进度条--彩色进度条 progress-bar-info：表示信息进度条，进度条颜色为蓝色 progress-bar-success：表示成功进度条，进度条颜色为绿色 progress-bar-warning：表示警告进度条，进度条颜色为黄色 progress-bar-danger：表示错误进度条，进度条颜色为红色 <div class="progress"> <div class="progress-bar progress-bar-success" ></div> </div> <div class="progress"> <div class="progress-bar progress-bar-info" ></div> </div> <div class="progress"> <div class="progress-bar progress-bar-warning" ></div> </div> <div class="progress"> <div class="progress-bar progress-bar-danger" ></div> </div>查看全部
-
进度条--基本样式 Bootstrap框架中也是按这样的方式实现的，他提供了两个容器，外容器使用“progress”样式，子容器使用“progress-bar”样式。 <div class="progress"> <div class="progress-bar" ></div> </div>查看全部
-
警示框--警示框的链接 Bootstrap框架是通过给警示框加的链接添加一个名为“alert-link”的类名，通过“alert-link”样式给链接提供高亮显示。查看全部
-
警示框--可关闭的警示框 1、需要在基本警示框“alert”的基础上添加“alert-dismissable”样式。 2、在button标签中加入class="close"类，实现警示框关闭按钮的样式。 3、要确保关闭按钮元素上设置了自定义属性：“data-dismiss="alert"”（因为可关闭警示框需要借助于Javascript来检测该属性，从而控制警示框的关闭）。查看全部
-
1、成功警示框：告诉用用户操作成功，在“alert”样式基础上追加“alert-success”样式，具体呈现的是背景、边框和文本都是绿色； 2、信息警示框：给用户提供提示信息，在“alert”样式基础上追加“alert-info”样式，具体呈现的是背景、边框和文本都是浅蓝色； 3、警告警示框：提示用户小心操作（提供警告信息），在“alert”样式基础上追加“alert-warning”样式，具体呈现的是背景、边框、文本都是浅黄色； 4、错误警示框：提示用户操作错误，在“alert”样式基础上追加“alert-danger”样式，具体呈现的是背景、边框和文本都是浅红色。查看全部
-
在仅有缩略图的基础上，添加了一个div名为“caption“的容器查看全部
-
在Bootstrap框架中，把这种效果称作为徽章效果，使用“badge”样式来实现。查看全部
-
label-deafult:默认标签，深灰色 label-primary：主要标签，深蓝色 label-success：成功标签，绿色 label-info：信息标签，浅蓝色 label-warning：警告标签，橙色 label-danger：错误标签，红色查看全部
-
previous：让“上一步”按钮居左 next：让“下一步”按钮居右查看全部
-
在实际使用中，翻页分页导航和带页码的分页导航类似，为ul标签加入pager类： <ul class="pager"> <li><a href="#">«上一页</a></li> <li><a href="#">下一页»</a></li> </ul>查看全部
-
.navbar-fixed-top：导航条固定在浏览器窗口顶部 .navbar-fixed-bottom：导航条固定在浏览器窗口底部查看全部
-
1、导航条中的按钮navbar-btn 2、导航条中的文本navbar-text 3、导航条中的普通链接navbar-link查看全部
-
为导航条添加标题、二级菜单及状态 加入导航条标题 在Web页面制作中，常常在菜单前面都会有一个标题（文字字号比其它文字稍大一些），其实在Bootstrap框架也为大家做了这方面考虑，其通过“navbar-header”和“navbar-brand”来实现查看全部
举报
0/150
提交
取消