css属性

2020-12-13 02:36

阅读:391

标签:style   blog   class   code   http   c   

1.响应式图片   class="img-responsive"

通过添加.img-responsive class可以让Bootstrap 3中的图片对响应式布局的支持更友好。其实质是为图片赋予了max-width: 100%; 和height: auto;属性,可以让图片按比例缩放,不超过其父元素的尺寸。

img
src="..." class="img-responsive" alt="Responsive image">

 

2. Containers

.container包裹页面上的内容即可实现居中对齐。在不同的媒体查询阈值范围内都为container设置了width,用以匹配栅格系统。

注意,由于设置了padding 和 固定宽度,.container不能嵌套。

div class="container">
  ...
div>

3.栅格系统

soscw.com,搜素材

soscw.com,搜素材

4.排版

soscw.com,搜素材

h1>h1. Bootstrap headingh1>

h2>h2. Bootstrap headingh2>

h3>h3. Bootstrap headingh3>

h4>h4. Bootstrap headingh4>

h5>h5. Bootstrap headingh5>

h6>h6. Bootstrap headingh6>

soscw.com,搜素材

 

 soscw.com,搜素材

5.

6.

7.

css属性,搜素材,soscw.com

css属性

标签:style   blog   class   code   http   c   

原文地址:http://www.cnblogs.com/wumingcong/p/3719111.html


评论


亲,登录后才可以留言!