-
常常在菜单前面都会有一个标题（文字字号比其它文字稍大一些），其实在Bootstrap框架也为大家做了这方面考虑，其通过“navbar-header”和“navbar-brand”来实现查看全部
-
小伙伴们可以看到，在Bootstrap中默认情况下无序列表和有序列表是带有项目符号的，但在实际工作中很多时候，我们的列表是不需要这个编号的，比如说用无序列表做导航的时候。Bootstrap为众多开发者考虑的非常周道，通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。 /*源码请查看bootstrap.css文件第580行~第583行*/ .list-unstyled { padding-left: 0; list-style: none; } 从示例中可以看出，除了项目编号之外，还将列表默认的左边内距也清０了。 具体使用，我们来看简单的两个示例（代码编辑器11-45行）。查看全部
-
mark查看全部
-
mark查看全部
-
在label标签运用了一个类名“sr-only”，标签没显示就是这个样式将标签隐藏了。如果没有为输入控件设置label标签，屏幕阅读器将无法正确识别。查看全部
-
默认情况之下，Bootstrap框架中以下组件使用了过渡动画效果： ☑ 模态弹出窗（Modal）的滑动和渐变效果； ☑ 选项卡（Tab）的渐变效果； ☑ 警告框（Alert）的渐变效果； ☑ 图片轮播（Carousel）的滑动效果查看全部
-
class:panel panel-default panel-primary panel-success panel-info panel-danger panel-warning查看全部
-
下拉菜单~查看全部
-
BOOTSTRAP框架 GITHUB开源。 工具集。 强大的前端开发框架。查看全部
-
一般制作按钮除了使用<button>标签元素之外，还可以使用<input type="submit">和<a>标签等. 虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格，但个人并不建议这样使用，为了避免浏览器兼容性问题，个人强烈建议使用button或a标签来制作按钮。查看全部
-
<button class="btn" type="button">基础按钮.btn</button> <button class="btn btn-default" type="button">默认按钮.btn-default</button> <button class="btn btn-primary" type="button">主要按钮.btn-primary</button> <button class="btn btn-success" type="button">成功按钮.btn-success</button> <button class="btn btn-info" type="button">信息按钮.btn-info</button> <button class="btn btn-warning" type="button">警告按钮.btn-warning</button> <button class="btn btn-danger" type="button">危险按钮.btn-danger</button> <button class="btn btn-link" type="button">链接按钮.btn-link</button>查看全部
-
在制作表单验证时，要提供不同的提示信息。在Bootstrap框架中也提供了这样的效果。使用了一个"help-block"样式，将提示信息以块状显示，并且显示在控件底部。 行内提示信息，使用了类名“help-inline”查看全部
-
在制作表单时，不免要做表单验证。同样也需要提供验证状态样式，在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态（黄色） 2、.has-error：错误状态（红色） 3、.has-success：成功状态（绿色） 使用的时候只需要在form-group容器上对应添加状态类名。 很多时候，在表单验证的时候，不同的状态会提供不同的icon，比如成功是一个对号（√），错误是一个叉号（×）等。在Bootstrap框中也提供了这样的效果。如果你想让表单在对应的状态下显示icon出来，只需要在对应的状态下添加类名“has-feedback”。请注意，此类名要与“has-error”、“has-warning”和“has-success”在一起:而且必须在表单中添加了一个span元素： <span class="glyphiconglyphicon-warning-sign form-control-feedback"></span>查看全部
-
表单控件状态(禁用状态):在相应的表单控件上添加属性“disabled” 在Bootstrap框架中，如果fieldset设置了disabled属性，整个域都将处于被禁用状态。<fieldset disabled><div>全部禁用了。。。</div>....</fieldset > 据说对于整个禁用的域中，如果legend中有输入框的话，这个输入框是无法被禁用的。 <form role="form"> <fieldset disabled> <legend><input type="text" class="form-control" placeholder="显然我颜色变灰了，但是我没被禁用，不信？单击试一下" /></legend> … </fieldset> </form>查看全部
-
.table-hover:鼠标悬停高亮效果 在<table class=""></table>中设置查看全部
举报
0/150
提交
取消