-
动态条纹进度条 使用方法： 在进度条“progress progress-striped”两个类的基础上再加入“active”类名查看全部
-
使用Bootstrap框架中的条纹进度条只需要在进度条的容器“progress”基础上增加类名“progress-striped”查看全部
-
在此称为彩色进度条，其主要包括以下四种： ☑ progress-bar-info：表示信息进度条，进度条颜色为蓝色 ☑ progress-bar-success：表示成功进度条，进度条颜色为绿色 ☑ progress-bar-warning：表示警告进度条，进度条颜色为黄色 ☑ progress-bar-danger：表示错误进度条，进度条颜色为红色查看全部
-
进度条--基本样式 Bootstrap框架中也是按这样的方式实现的，他提供了两个容器，外容器使用“progress”样式，子容器使用“progress-bar”样式。 <div class="progress"> <div class="progress-bar" ></div> </div> <div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">40% Complete</span> </div> </div> 1、role属性作用：告诉搜索引擎这个div的作用是进度条。 2、aria-valuenow="40"属性作用：当前进度条的进度为40%。 3、aria-valuemin="0"属性作用：进度条的最小值为0%。 4、aria-valuemax="100"属性作用：进度条的最大值为100%。查看全部
-
bootstrap2 支持更过 bootstrap3 不支持 ie7查看全部
-
Bootstrap框架是通过给警示框加的链接添加一个名为“alert-link”的类名，通过“alert-link”样式给链接提供高亮显示。查看全部
-
只需要在默认的警示框里面添加一个关闭按钮。然后进行三个步骤： 1、需要在基本警示框“alert”的基础上添加“alert-dismissable”样式。 2、在button标签中加入class="close"类，实现警示框关闭按钮的样式。 3、要确保关闭按钮元素上设置了自定义属性：“data-dismiss="alert"”（因为可关闭警示框需要借助于Javascript来检测该属性，从而控制警示框的关闭）。查看全部
-
Bootstrap框架通过“alert“样式来实现警示框效果。在默认情况之下，提供了四种不同的警示框效果： 1、成功警示框：告诉用用户操作成功，在“alert”样式基础上追加“alert-success”样式，具体呈现的是背景、边框和文本都是绿色； 2、信息警示框：给用户提供提示信息，在“alert”样式基础上追加“alert-info”样式，具体呈现的是背景、边框和文本都是浅蓝色； 3、警告警示框：提示用户小心操作（提供警告信息），在“alert”样式基础上追加“alert-warning”样式，具体呈现的是背景、边框、文本都是浅黄色； 4、错误警示框：提示用户操作错误，在“alert”样式基础上追加“alert-danger”样式，具体呈现的是背景、边框和文本都是浅红色。查看全部
-
<h2>可关闭的警示框</h2> <div class="alert alert-success alert-dismissable" role="alert"> <button class="close" type="button" data-dismiss="alert">×</button> 恭喜您操作成功！ </div> <div class="alert alert-info alert-dismissable" role="alert"> <button class="close" type="button" data-dismiss="alert">×</button> 请输入正确的密码 </div> <div class="alert alert-warning alert-dismissable" role="alert"> <button class="close" type="button" data-dismiss="alert">×</button> 您已操作失败两次，还有最后一次机会 </div> <div class="alert alert-danger alert-dismissable" role="alert"> <button class="close" type="button" data-dismiss="alert">×</button> 对不起，您输入的密码有误 </div>查看全部
-
在仅有缩略图的基础上，添加了一个div名为“caption“的容器，在这个容器中放置其他内容，比如说标题，文本描述，按钮等查看全部
-
http://img1.sycdn.imooc.com//53f5aac500010a7f04370079.jpg 在Bootstrap框架中，把这种效果称作为徽章效果，使用“badge”样式来实现。查看全部
-
标签和按钮元素button类似： label-deafult:默认标签，深灰色 label-primary：主要标签，深蓝色 label-success:成功标签，绿色 label-in:信息标签，浅蓝色 label-warning：警告标签，橙色 label-danger：错误标签，红色 <span class="label label-default">默认标签</span> <span class="label label-primary">主要标签</span> <span class="label label-success">成功标签</span> <span class="label label-info">信息标签</span> <span class="label label-warning">警告标签</span> <span class="label label-danger">错误标签</span>查看全部
-
在实际使用中，翻页分页导航和带页码的分页导航类似，为ul标签加入pager类： <ul class="pager"> <li><a href="#">«上一页</a></li> <li><a href="#">下一页»</a></li> </ul> previous：让“上一步”按钮居左 next：让“下一步”按钮居右 disable:禁用查看全部
-
在Bootstrap框架中使用的是ul>li>a这样的结构，在ul标签上加入pagination方法 1、通过“pagination-lg”让分页导航变大； 2、通过“pagination-sm”让分页导航变小：查看全部
-
1、如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline” 2、如果radio需要水平排列，只需要在label标签上添加类名“radio-inline” 示例： <label class="checkbox-inline"> <input type="checkbox" value="option1">游戏 </label> <label class="radio-inline"> <input type="radio" value="option1" name="sex">男性 </label>查看全部
举报
0/150
提交
取消