.text-五种颜色   文本颜色
.text-info文本浅蓝颜色-提示
.text-warning文本黄色-警告颜色
.text-success文本绿色-成功颜色
.text-primary文本深蓝色-警告颜色

.bg-五中颜色     背景颜色
.bg-warning文本红色背景
.bg-success文本绿色背景
.bg-info文本浅蓝色背景
.bg-warning文本黄色背景
.bg-primary文本绿色背景

 <head>

     <meta charset="utf-8">

     <meta http-equiv="X-UA-Compatible" content="IE=edge">

     <meta name="viewport" content="width=device-width, initial-scale=1">

     <title>Bootstrap 101 Template</title>

     <!-- Bootstrap -->

     <link href="css/bootstrap.css" rel="stylesheet">

     <!--[if lt IE 9]>

     <script src="js/html5shiv.min.js"></script>

     <script src="js/respond.min.js"></script>

     <![endif]-->

 </head>

 <body>

 <h3>文本相关class</h3>

 <p class="text">文本的五种颜色</p>

 <p class="text-info">文本浅蓝颜色-提示</p>

 <p class="text-warning">文本黄色-警告颜色</p>

 <p class="text-success">文本绿色-成功颜色</p>

 <p class="text-primary">文本深蓝色-警告颜色</p>

 <P class="bg">文本背景五种颜色</P>

 <P class="bg-warning">文本红色背景</P>

 <P class="bg-success">文本绿色背景</P>

 <P class="bg-info">文本浅蓝色背景</P>

 <P class="bg-warning">文本黄色背景</P>

 <P class="bg-primary">文本绿色背景</P>

 <p class="text-uppercase">jshfjskhkjdshkfhdsjkhfdkj</p><!--文本转大写形式-->

 <p class="text-lowercase">SHDJASHJDKHAJSKHDJKDASHDH</p><!--文本转小写形式-->

 <p class="text-capitalize">jsdklajslkdjkaljsdkljaskj</p><!--文本首字母与大写形式-->

 <p class="text-left">文本左对齐</p>

 <p class="text-center">文本居中对齐</p>

 <p class="text-right">文本右对齐</p>

 <p class="text-justify">文本两端对齐</p>

 <br><br>

 <script src="js/jquery-1.11.3.js"></script>

 <script src="js/bootstrap.js"></script>

 </body>

 </html>

Bootstrap-全局样式的文本颜色和背景颜色的更多相关文章

  1. 02 uni-app框架学习：设置全局样式统一每个页面的背景颜色

    1.设置全局样式可以在App.vue里面 2.在每个页面的根view 里添加一个class名叫page

  2. CSS3全览_文本+视觉+盒子+背景颜色

    CSS全览_文本+视觉+盒子+背景颜色 目录 CSS全览_文本+视觉+盒子+背景颜色 1. 文本属性 2. 视觉格式化基础 3. 内边距, 边框, 轮廓和外边距 4. 颜色, 背景和渐变 作者: ht ...

  3. 使用 JavaScript 中的 document 对象的属性，根据下拉框中选择的属性，更改页面中的字体颜色和背景颜色

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色 实现思路: 在页面的 <body&g ...

  4. bootstrap 全局样式设置

    HTML <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" co ...

  5. Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子

    原文 http://blog.minidx.com/2008/11/27/1652.html 接下来的例子演示了Flex中如何通过设置GridLines对象的horizontalAlternateFi ...

  6. RadioGroup 的 RadioButton 选择改变字体颜色和背景颜色

    RadioGroup <RadioGroup android:id="@+id/client_charge_radiogroup" android:layout_width= ...

  7. c# 设置控件的前景颜色和背景颜色

    AutoSize:设置为false取消自动计算尺寸功能,控件的大小则按照设定的Size来呈现,设置为true自动计算大小 TextAlign:设置对齐方式 // // 摘要: // 用默认的所有者运行 ...

  8. Android RadioGroup的RadioButton 选择改变字体颜色和背景颜色

    RadioGroup <RadioGroup android:id="@+id/client_charge_radiogroup" android:layout_width= ...

  9. bootstrap全局样式

    内联子标题: 显示如下: 主体副本: 显示如下: 对齐类: 显示如下: 强调类: 显示如下: 缩略语: 地址: 表格: 加一个class:“table-striped” js里面的奇数偶数行(odd) ...

随机推荐

  1. Web开发——CSS基础

    参考: 参考:http://css.doyoe.com/ 参考:http://www.w3school.com.cn/cssref/index.asp 参考:https://www.w3cschool ...

  2. 多线程调试DLL

    http://blog.csdn.net/wfq_1985/article/details/7303825

  3. 如何实现一个字符的反转 （Java）

    一..通过jdk自带reverse的方法.

  4. 【PyQt5-Qt Designer】对话框系列

    标准输入对话框(QInputDialog)系列: 主要模块 from PyQt5.QtWidgets import QInputDialog 效果如下: 完整代码: from PyQt5.QtWidg ...

  5. 使用Apache CXF根据wsdl文件生成代码

    1.去官网下载,我用的是apache-cxf-2.5.10.zip 2.解压 3.通过命令行进入Apache CXF的bin目录,如我的目录是D:\BIS\axis2\apache-cxf-2.7.1 ...

  6. Win7 开机自动启动Outlook2010

    工作中,设置一些开机启动项,可以提供工作效率,下面演示设置Outlook2010在win7系统开机自启动,其它软件,如Eclipse.微信等,也可以这么配置. 环境: win7,outlook 201 ...

  7. SpringBoot-整合多数据源

    整合多数据源 这里有两种,分包数据源和注解数据源,这里讲分包数据源 配置文件中新增两个数据源 spring.datasource.test1.driverClassName = com.mysql.j ...

  8. java实现消息队列的两种方式

    https://blog.csdn.net/fenfenguai/article/details/79257928

  9. composer安装其实可以很简单 两行命令就解决了

    最近接了一个cakephp项目,就想着用composer安装实施,因为Composer 可以方便地帮你安装项目中声明所依赖的外部工具库(libraries).之前没有接触过,相对比较陌生,但是相信ph ...

  10. NYOJ 食物链(WA)

    1.WA代码 思路:预先分好3类,对每一行数据进行分类和真话假话判断 WA原因:前面某些行的数据 需要依赖 后面某些行给的数据 才能进行分类 初步改正思路( 对于前面给的无法直接分类的数据进行记录,等 ...