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
 
posted @ 2017-03-03 11:10  letitia_blog  阅读(111)  评论(0编辑  收藏  举报