-
列的嵌套 Bootstrap框架的网格系统还支持列的嵌套。你可以在一个列中添加一个或者多个行(row)容器,然后在这个行容器中插入列(像前面介绍的一样使用列)。但在列容器中的行容器(row),宽度为100%时,就是当前外部列的宽度。查看全部
-
列排序 列排序其实就是改变列的方向,就是改变左右浮动,并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名“col-md-push-*”和“col-md-pull-*” (其中星号代表移动的列组合数)。查看全部
-
Bootstrap框架的网格系统工作原理如下: 1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如: <div class="container"> <div class="row"></div> </div> 2、在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12。如: <div class="container"> <div class="row"> <div class="col-md-4"></div> <div class="col-md-8"></div> 3、具体内容应当放置在列容器(column)之内,而且只有列(column)才可以作为行容器(.row)的直接子元素 4、通过设置内距(padding)从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距(margin)来抵消内距(padding)的影响查看全部
-
在Bootstrap框架中也为大家提供了近200个不同的icon图片,而这些图标都是使用CSS3的@font-face属性配合字体来实现的icon效果。 原理分析: Bootstrap框架中的图标都是字体图标,其实现原理就是通过@font-face属性加载了字体。 在Bootstrap框架中有一个fonts的目录,这个目录中提供的字体文件就是用于制作icon的字体文件。 自定义完字体之后,需要对icon设置一个默认样式,在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现,然后通过伪元素“:before”的“content”属性调取对应的icon编码.查看全部
-
在Bootstrap框架中,要禁用按钮有两种实现方式: 方法1:在标签中添加disabled属性 方法2:在元素标签中添加类名“disabled” 两者的主要区别是: “.disabled”样式不会禁止按钮的默认行为,比如说提交和重置行为等。如果想要让这样的禁用按钮也能禁止按钮的默认行为,则需要通过JavaScript这样的语言来处理。对于<a>标签也存在类似问题,如果通过类名“.disable”来禁用按钮,其链接行为是无法禁止。而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的。查看全部
-
在Bootstrap中并不需要这样做,Bootstrap框架中提供了一个类名“btn-block”。按钮使用这个类名就可以让按钮充满整个容器,并且这个按钮不会有任何的padding和margin值。在实际当中,常把这种按钮称为块状按钮。查看全部
-
btn-lg,btn-primary,btn-sm,btn-xs这几个类名可以配合按钮中其他颜色类名一起使用,但唯一一点不能缺少“.btn”类名查看全部
-
多标签支持 一般制作按钮除了使用<button>标签元素之外,还可以使用<input type="submit">和<a>标签等。同样,在Bootstrap框架中制作按钮时,除了刚才所说的这些标签元素之外,还可以使用在其他的标签元素上,唯一需要注意的是,要在制作按钮的标签元素上添加类名“btn” 注意:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮。查看全部
-
自适应导航指的是导航占据容器全部宽度,而且菜单项可以像表格的单元格一样自适应宽度。查看全部
-
默认按钮btn btn-default 主要按钮btn btn-primary 成功按钮btn btn-success 信息按钮btn btn-info 警告按钮btn btn-warning 危险按钮btn btn-danger 链接按钮btn btn-link查看全部
-
Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导航样式,必须附加另外一个样式才会有效,比如“nav-tabs”、“nav-pills”之类。查看全部
-
在Bootstrap的小图标都是使用@font-face来制作。而且必须在表单中添加了一个span元素: <span class="glyphiconglyphicon-warning-sign form-control-feedback"></span>查看全部
-
提取所有网页的共性布局查看全部
-
css放到head里,js放到body的最下面。加入viewPort数据元以适应移动设备。对于ie8,可以使用html5的js查看全部
-
".radio + .radio," 加号表示相邻选择器,此处即表示class为radio的元素后面相邻的class为radio的元素所适用的css规则。查看全部
举报
0/150
提交
取消