Bootstrap系列 -- 4. 文本内容强调

简介: 一. 文本强调基本样式   .text-muted:提示,使用浅灰色(#999)   .text-primary:主要,使用蓝色(#428bca)   .text-success:成功,使用浅绿色(#3c763d)   .

 

一. 文本强调基本样式

  .text-muted:提示,使用浅灰色(#999)

  .text-primary:主要,使用蓝色(#428bca)

  .text-success:成功,使用浅绿色(#3c763d)

  .text-info:通知信息,使用浅蓝色(#31708f)

  .text-warning:警告,使用黄色(#8a6d3b)

  .text-danger:危险,使用褐色(#a94442)

  这个几个样式类主要作用于文本,这里要注意text-* 这里的后缀,在Bootstrap中会非常常用,其颜色值基本根据后缀固定了

 

二. 基本使用方式

    <div class="text-muted">.text-muted 效果</div><br />
    <div class="text-primary">.text-primary效果</div><br />
    <div class="text-success">.text-success效果</div><br />
    <div class="text-info">.text-info效果</div><br />
    <div class="text-warning">.text-warning效果</div><br />
    <div class="text-danger">.text-danger效果</div><br />

效果预览图如下

 

三. 其他标签使用

  以上class除了应用div之外,还可以用于其他很多标签

 

相关文章
|
8月前
|
前端开发
Bootstrap基础--文本对齐风格
Bootstrap基础--文本对齐风格
102 2
|
前端开发
Bootstrap-文本,背景,按钮样式
Bootstrap-文本,背景,按钮样式
110 0
|
前端开发
Bootstrap系列 -- 5. 文本对齐方式
一. 文本对齐样式   .text-left:左对齐   .text-center:居中对齐   .text-right:右对齐   .text-justify:两端对齐   二. 使用方式 我居左 我居中 我居右 这个强调动手、项目主导的合作项目将首先提供科技方面的硕士学位,过几年会提供其他学位。
1286 0
|
前端开发
Bootstrap系列 -- 42. 导航条中的按钮、文本和链接
  Bootstrap框架的导航条中除了使用navbar-brand中的a元素和navbar-nav的ul和navbar-form之外,还可以使用其他元素。框架提供了三种其他样式:   1、导航条中的按钮navbar-btn   2、导航条中的文本navbar-text   3、导航条中的普通链接navbar-link   但这三种样式在框架中使用时受到一定的限制,需要和navbar-brand、navbar-nav配合起来使用。
1193 0
|
JavaScript 关系型数据库 数据库
bootstrap-wysiwyg中JS控件富文本中的图片由本地上传到服务器(阿里云、七牛、自己的数据库)
一、我假设你是要保存到自己的数据库中(因为上传到阿里云、七牛更简单原理一样的) 点击插入图片如下图: 1、其实你插入的时候不需要做什么处理一样也可以插入数据库的(但是前提你插入的那个字段必须要求足够空间比如Mysql你要用LONGTEXT类型,否则是存不下的这样子前台获取的时候就取不到)原因是你保存的时候,它把图片给转换为了data:image/gif;base64,这样子话所以一般不建议直接用,因为你可能存几张后就会出错了。
1510 0
N..
|
8月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
79 0
|
前端开发 容器
|
前端开发 容器
|
前端开发 开发者 容器