6.按钮 , 图片

bootstrap的按钮

1.<a class="btn btn-default" href="#" role="button">link</a>  (使用a元素做按钮的时候，必须设置role="button")

2.<button class="btn btn-default" type="submit">button</button>  

(建议使用button元素设置按钮，并且导航和导航条组件都只支持<button>)

3.<input class="btn btn-default" type="submit" value="submit">

(bug:小于30的火狐浏览器设置line-height不管用)

 

 

按钮样式

.btn btn-default  (默认样式，不带有背景颜色)

.btn-primary (首选项)

.btn-success (成功，绿色)

.btn-info  (一般信息，浅蓝色)

.btn-warning  (警告  ，橘黄色)

.btn-danger (危险，红色)

.btn-link (链接)

<button type="button" class="btn btn-link">（链接）Link</button>

 

 

按钮尺寸

.btn-lg

.btn-sm

.btn-xs

.btn-block   (拉伸至父元素100%宽度，且按钮变为块级block元素)

 

激活状态

.active

禁用状态

disabled="disabled"

 

bootstrap的图片

响应式图片

.img-responsive

让图片支持响应式布局，让图片水平居中 .center-block

<img src="" class="img-responsive" alt="">

 

图片形状

带圆角的矩形

.img-rounded

圆形

.img-circle

缩略图

.img-thumbnail