遗忘---bootstrap（响应式框架）

来源：互联网发布：金蝶软件技术服务编辑：程序博客网时间：2024/05/22 12:10

1.class = container-fluid:100%宽度的栅格布局;

2.class = img-responsive:图片的宽度完美的适配页面的宽度；

3.class = text-center:居中显示；

4.class = btn:bootstrap的按钮风格；

btn-primary/btn-info/btn-danger:不同样式的按钮风格

btn-block:让按钮变成块级元素，宽度100%

5.class = col-md-*:中等屏幕中所占栅格布局的列数；

示例：需要放入class=row中

</div>

6.class = text-primary/text-danger:不同样式的文本；

7.添加Font Awesome图标库到应用中：<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css">

这些图标都是.svg矢量图，可以使用像素单位来指定他们的大小，它们会继承父级元素的字体大小；

使用方法：添加一个<i></i>标签，然后给i标签添加相应的class来呈现相应的图标

例如：class="fa fa-info-circle"

8.class=form-control:使表单元素具有特定的样式；

9.class=well:创造一个视觉上的深度感；

0 0