-
前面看到的表单控件都正常的大小。可以通过设置控件的height，line-height，padding和font-size等属性来实现控件的高度设置。不过Bootstrap框架还提供了两个不同的类名，用来控制表单控件的高度。这两个类名是： 1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大查看全部
-
使用方法： 使用方法，其实也没什么太多可说的，你可以像标签一样，使用span标签来制作，然后为他加入badge类： <a href="#">Inbox <span class="badge">42</span></a>查看全部
-
標籤 颜色样式设置： 和按钮元素button类似，label样式也提供了多种颜色： ☑ label-deafult:默认标签，深灰色 ☑ label-primary：主要标签，深蓝色 ☑ label-success:成功标签，绿色 ☑ label-in:信息标签，浅蓝色 ☑ label-warning：警告标签，橙色 ☑ label-danger：错误标签，红色查看全部
-
标签 使用原理： 使用方法很简单，你可以在使用span这样的行内标签： <h3>Example heading <span class="label label-default">New</span></h3>查看全部
-
outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 注释：轮廓线不会占据空间，也不一定是矩形。 outline 简写属性在一个声明中设置所有的轮廓属性。 可以按顺序设置如下属性： outline-color outline-style outline-width查看全部
-
使用方法： 平时很多同学喜欢用div>a和div>span结构来制作带页码的分页导航。 不过，在Bootstrap框架中使用的是ul>li>a这样的结构，在ul标签上加入pagination方法： <ul class="pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">»</a></li> </ul>查看全部
-
反色导航条 反色导航条其实是Bootstrap框架为大家提供的第二种风格的导航条，与默认的导航条相比，使用方法并无区别，只是将navbar-deafult类名换成navbar-inverse。 其变化只是导航条的背景色和文本做了修改。如下： <div class="navbar navbar-inverse" role="navigation"> <div class="nav bar-header"> <a href="##" class="navbar-brand">慕课网</a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="">首页</a></li> <li><a href="">教程</a></li> <li><a href="">关于我们</a></li> </ul> </div>查看全部
-
使用方法： 使用方式就很简单，为ol加入breadcrumb类： <ol class="breadcrumb"> <li><a href="#">首页</a></li> <li><a href="#">我的书</a></li> <li class="active">《图解CSS3》</li> </ol> 实现原理： 看来不错吧！作者是使用li+li:before实现li与li之间的分隔符，所以这种方案在IE低版本就惨了（不支持）。查看全部
-
自适应导航（使用） 自适应导航指的是导航占据容器全部宽度，而且菜单项可以像表格的单元格一样自适应宽度。 自适应导航和前面使用“btn-group-justified”制作的自适应按钮组是一样的。 只不过在制作自适应导航时更换了另一个类名“nav-justified”。 当然他需要和“nav-tabs”或者“nav-pills”配合在一起使用。 如： <ul class="nav nav-tabs nav-justified"> <li class="active"><a href="##">Home</a></li> <li><a href="##">CSS3</a></li> <li><a href="##">Sass</a></li> <li><a href="##">jQuery</a></li> <li><a href="##">Responsive</a></li> </ul>查看全部
-
导航（垂直堆叠的导航） 在实际运用当中，除了水平导航之外，还有垂直导航，就类似前面介绍的垂直排列按钮一样。 制作垂直堆叠导航只需要在“nav-pills”的基础上添加一个“nav-stacked <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="##">Home</a></li> <li><a href="##">CSS3</a></li> <li><a href="##">Sass</a></li> <li><a href="##">jQuery</a></li> <li class="disabled"><a href="##">Responsive</a></li> </ul>查看全部
-
1、如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline” 2、如果radio需要水平排列，只需要在label标签上添加类名“radio-inline”查看全部
-
导航（胶囊形(pills)导航） 胶囊形（pills）导航听起来有点别扭，因为其外形看起来有点像胶囊形状。 但其更像我们平时看到的大众形导航。 当前项高亮显示，并带有圆角效果。 其实现方法和“nav-tabs”类似，同样的结构，只需要把类名“nav-tabs”换成“nav-pills”即可： <ul class="nav nav-pills"> <li class="active"><a href="##">Home</a></li> <li><a href="##">CSS3</a></li> <li><a href="##">Sass</a></li> <li><a href="##">jQuery</a></li> <li class="disabled"><a href="##">Responsive</a></li> </ul>查看全部
-
1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中，主要借助“.checkbox”和“.radio”样式，来处理复选框、单选按钮与标签的对齐方式。查看全部
-
文本域和原始使用方法一样，设置rows可定义其高度，设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。查看全部
-
Bootstrap框架中的下拉选择框使用和原始的一致，多行选择设置multiple属性的值为multiple。查看全部
举报
0/150
提交
取消