响应式网站按钮
发表日期:2020-03-19 文章编辑:admin 浏览次数:2368
本章将通过实例讲解如何使用响应式网站按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是响应式网站提供了一些选项来定义按钮的样式,具体如下表所示:
| Class | 描述 |
|---|---|
| .btn-lg | 这会让按钮看起来比较大。 |
| .btn-sm | 这会让按钮看起来比较小。 |
| .btn-xs | 这会让按钮看起来特别小。 |
| .btn-block | 这会创建块级的按钮,会横跨父元素的全部宽度。 |
代码如下:
大的原始按钮
大的按钮
默认大小的原始按钮
默认大小的按钮
小的原始按钮
小的按钮
特别小的原始按钮
特别小的按钮
块级的原始按钮
块级的按钮
上一篇:自适应网站适应多少个设备工作?
下一篇:响应式网站多种图标调用
标签: 响应式网站按钮
如没特殊注明,文章均为宜兴博路网络原创,转载请注明来自https://www.boroad.net/news/wangzhansheji/2020/0319/248.html
