-
Bootstrap简介：简单、灵活的用于搭建WEB页面的HTML,CSS,JavaScript的工具集 Bootstrap = 简洁强大的前端开发框架 让Web开发更迅速，更简单查看全部
-
Bootstrap 中字体设置为14px,颜色为深灰色（#333），行高1.428571429 大概20px ，还有字体。这些设置都定义在body上，可对其进行自定义排版重置，可用Less或者Sass查看全部
-
这个样子……查看全部
-
媒体对象列表 Bootstrap框架提供了一个列表展示的效果，在写结构的时候可以使用ul，并且在ul上添加类名“media-list”，而在li上使用“media”，另外记住h4标签要加上media-heading。查看全部
-
那么在Bootstrap框架中的媒体对象也具备这样的功能，只需要将另一个媒体对象结构“media”嵌套在媒体对象的主体内“media-body”查看全部
-
媒体对象--默认媒体对象 媒体对象一般是成组出现，而一组媒体对象常常包括以下几个部分： ☑ 媒体对像的容器：常使用“media”类名表示，用来容纳媒体对象的所有内容 ☑ 媒体对像的对象：常使用“media-object”表示，就是媒体对象中的对象，常常是图片 ☑ 媒体对象的主体：常使用“media-body”表示，就是媒体对像中的主体内容，可以是任何元素，常常是图片侧边内容 ☑ 媒体对象的标题：常使用“media-heading”表示，就是用来描述对象的一个标题，此部分可选 除了上面四个部分之外，在Bootstrap框架中还常常使用“pull-left”或者“pull-right”来控制媒体对象中的对象浮动方式。查看全部
-
请注意role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"，进度数值直接写在进度条内部就好查看全部
-
要让条纹进度条动起来，就需要让“progress-striped”和“active”同时运用查看全部
-
使用Bootstrap框架中的条纹进度条只需要在进度条的容器“progress”基础上增加类名“progress-striped”查看全部
-
☑ progress-bar-info：表示信息进度条，进度条颜色为蓝色 ☑ progress-bar-success：表示成功进度条，进度条颜色为绿色 ☑ progress-bar-warning：表示警告进度条，进度条颜色为黄色 ☑ progress-bar-danger：表示错误进度条，进度条颜色为红色查看全部
-
外容器使用“progress”样式，子容器使用“progress-bar”样式。其中progress用来设置进度条的容器样式，而progress-bar用于限制进度条的进度。 这样语义化更友好： <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%。查看全部
-
Bootstrap框架是通过给警示框加的链接添加一个名为“alert-link”的类名，通过“alert-link”样式给链接提供高亮显示。查看全部
-
可关闭的警示框 1、需要在基本警示框“alert”的基础上添加“alert-dismissable”样式。 2、在button标签中加入class="close"类，实现警示框关闭按钮的样式。 3、要确保关闭按钮元素上设置了自定义属性：“data-dismiss="alert"”（因为可关闭警示框需要借助于Javascript来检测该属性，从而控制警示框的关闭）。 <button class="close" type="button" data-dismiss="alert">×</button>查看全部
-
<div class="alert alert-info" role="alert">请修改相应信息</div> <div class="alert alert-success" role="alert">谢谢，操作成功！</div> <div class="alert alert-warning" role="alert">您已操作失败两次，还有最后一次机会</div> <div class="alert alert-danger" role="alert">对不起，您刚才的操作失败</div>查看全部
-
在仅有缩略图的基础上，添加了一个div名为“caption“的容器，在这个容器中放置其他内容，比如说标题，文本描述，按钮等查看全部
举报
0/150
提交
取消