Bootstrap按钮,图片,辅助类

按钮

以下样式可用于,

Bootstrap按钮,图片,辅助类_第2张图片
示例

Bootstrap按钮,图片,辅助类_第3张图片
示例

Bootstrap按钮,图片,辅助类_第4张图片
示例

链接 禁用链接

原始链接 禁用的原始链接

Bootstrap按钮,图片,辅助类_第5张图片
示例

图片

  • .img-rounded:添加 border-radius:6px 来获得图片圆角
  • .img-circle:添加 border-radius:50% 来让整个图片变成圆形
  • .img-thumbnail:添加一些内边距(padding)和一个灰色的边框
![](text.png)


Bootstrap按钮,图片,辅助类_第6张图片
示例

辅助类

以下的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗


Bootstrap按钮,图片,辅助类_第7张图片
image.png

以下的类展示了不同的背景颜色。 如果文本是个链接鼠标移动到文本上会变暗


Bootstrap按钮,图片,辅助类_第8张图片
示例

其他
Bootstrap按钮,图片,辅助类_第9张图片
示例

把元素对所有设备隐藏,除了屏幕阅读器


Bootstrap按钮,图片,辅助类_第10张图片
示例

响应式实用工具

Bootstrap按钮,图片,辅助类_第11张图片
示例

从 v3.2.0 版本起,形如 .visible- - 的类针对每种屏幕大小都有了三种变体,每个针对 CSS 中不同的 display 属性
Bootstrap按钮,图片,辅助类_第12张图片
示例

切换打印内容
Bootstrap按钮,图片,辅助类_第13张图片
示例

✔ 在特别小型设备上可见
✔ 在小型设备上可见
中型 ✔ 在中型设备上可见
✔ 在大型设备上可见
示例

勾号(✔) 表示元素在当前视口中可见

你可能感兴趣的:(Bootstrap按钮,图片,辅助类)