-
在Bootstrap框架中也为大家提供了近200个不同的icon图片，而这些图标都是使用CSS3的@font-face属性配合字体来实现的icon效果。查看全部
-
代码如下显示查看全部
-
代码如下显示查看全部
-
代码如下显示查看全部
-
代码如下显示查看全部
-
取消列表符号.list-unstyled查看全部
-
媒体对象--默认媒体对象 媒体对像的容器：常使用“media”类名表示，用来容纳媒体对象的所有内容 媒体对像的对象：常使用“media-object”表示，就是媒体对象中的对象，常常是图片 媒体对象的主体：常使用“media-body”表示，就是媒体对像中的主体内容，可以是任何元素，常常是图片侧边内容 媒体对象的标题：常使用“media-heading”表示，就是用来描述对象的一个标题 <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://img1.sycdn.imooc.com//52e1d29d000161fe06000338-300-170.jpg" alt="..."> </a> <div class="media-body"> <h4 class="media-heading">系列：十天精通CSS3</h4> <div>全方位深刻详解CSS3模块知识，经典案例分析，代码同步调试，让网页穿上绚丽装备！</div> </div> </div>查看全部
-
代码如下显示查看全部
-
默认的导航条相比，使用方法并无区别，只是将navbar-deafult类名换成navbar-inverse。其变化只是导航条的背景色和文本做了修改。查看全部
-
图像在网页制作中也是常要用到的元素，在Bootstrap框架中对于图像的样式风格提供以下几种风格： 1、img-responsive：响应式图片，主要针对于响应式设计 2、img-rounded：圆角图片 3、img-circle：圆形图片 4、img-thumbnail：缩略图片 设置图片大小： 由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。（注意不可以通过css样式直接修改img图片的大小，这样操作就不响应了） 注意： 对于圆角图片和圆形图片效果，因为是使用了CSS3的圆角样式来实现的，所以注意对于IE8以及其以下版本不支持，是没有圆角效果的。查看全部
-
表单验证时，共有三个状态， 1 .has-warning:警告黄色 2 .has-erro:错误红色 3 .has-success:成功绿色 如果有icon时需要加上has-feedback查看全部
-
响应式responsive，即鼠标点击或者划过时文字发生一定的变化 高亮或者显示另一种颜色查看全部
-
在Bootstrap框架中，要禁用按钮有两种实现方式： 方法1：在标签中添加disabled属性 方法2：在元素标签中添加类名“disabled” 两者的主要区别是： “.disabled”样式不会禁止按钮的默认行为，比如说提交和重置行为等。如果想要让这样的禁用按钮也能禁止按钮的默认行为，则需要通过JavaScript这样的语言来处理。对于<a>标签也存在类似问题，如果通过类名“.disable”来禁用按钮，其链接行为是无法禁止。而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的。查看全部
-
进度条--层叠进度条 <div class="progress"> <div class="progress-bar progress-bar-success" ></div> <div class="progress-bar progress-bar-info" ></div> <div class="progress-bar progress-bar-warning" ></div> <div class="progress-bar progress-bar-danger" ></div> </div>查看全部
-
固定导航栏始终在页面上方navbar-fixed-top或下方navbar-fixed-bottom 不受页面过长的滑动影响一直固定位置 是页面常用的导航栏方式 提取出公共的头部和尾部固定查看全部
举报
0/150
提交
取消