-
在制作一个基础导航条时，主要分以下几步： 第一步：首先在制作导航的列表(<ul class=”nav”>)基础上添加类名“navbar-nav” 第二步：在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default”查看全部
-
<ol class="breadcrumb"> <li><a href="#">首页</a></li> <li><a href="#">我的书</a></li> <li class="active">《图解CSS3》</li> </ol>查看全部
-
只需要将li当作父容器，使用类名“dropdown”，同时在li中嵌套另一个列表ul.查看全部
-
自适应.nav-justified,需要和“nav-tabs”或者“nav-pills”配合在一起使用查看全部
-
<ul class="nav nav-pills nav-stacked"> <li class="active"><a href="#">商品介绍</a></li> <li><a href="#">规格参数</a></li> <li class="disabled"><a href="#">商品评价</a></li> <li><a href="#">售后保证</a></li> </ul>查看全部
-
胶囊型.nav-pills查看全部
-
<ul class="nav nav-tabs"></ul> 在li标签上加类 .active表示当前 .disabled表示禁用查看全部
-
<ul class="nav nav-tabs"> ... </ul>查看全部
-
基本用法之列组合 列组合简单理解就是更改数字来合并列（原则：列总和数不能超12），有点类似于表格的colspan属性 实现列组合方式非常简单，只涉及两个CSS两个特性：浮动与宽度百分比查看全部
-
1、数据行(.row)必须包含在容器（.container）中，以便为其赋予合适的对齐方式和内距(padding) 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)的影响查看全部
-
是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。 在使用的时候大家可以根据实际情况重新编译LESS（或Sass）源码来修改12这个数值（也就是换成24或32，当然你也可以分成更多，但不建议这样使用）。 [class *= col-]{ background-color: #eee; border: 1px solid #ccc; }查看全部
-
所有icon都是以”glyphicon-”前缀的类名开始，然后后缀表示图标的名称 请点击：http://getbootstrap.com/components/#glyphicons 链接查阅或根据bootstrap.css文件第2393行～第2992行查阅。查看全部
-
而这些图标都是使用CSS3的@font-face属性配合字体来实现的icon效果 我们首先要感谢glyphicons.com网站，因为Bootstrap框架中图标都是glyphicons.com这个商业网站提供的，并且免费授权给Bootstrap框架使用 自定义完字体之后，需要对icon设置一个默认样式，在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现，然后通过伪元素“:before”的“content”属性调取对应的icon查看全部
-
设置图片大小的问题查看全部
-
在Bootstrap框架中对于图像的样式风格提供以下几种风格： 1、img-responsive：响应式图片，主要针对于响应式设计 2、img-rounded：圆角图片 3、img-circle：圆形图片 4、img-thumbnail：缩略图片 由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。（注意不可以通过css样式直接修改img图片的大小，这样操作就不响应了） Bootstrap框架为了大家更好的维护图像的样式，同样将这部分样式独立出来： 1、LESS版本，可以查阅scaffolding.less 2、Sass版本，可以查阅_scaffolding.scss查看全部
举报
0/150
提交
取消