在 Bootstrap 中设置字体颜色答案

【问题标题】：Set font color in Bootstrap [closed]在 Bootstrap 中设置字体颜色
【发布时间】：2016-04-12 22:08:41
【问题描述】：

我已附上我的 html 代码。我想知道如何更改字体颜色。

index.html

 <html>
 <head>
 ----
 ----
 <body>
 <b>Student Info</b>
 {
 "data": {
 "attributes": {
 "firstName": "xxx",  //view as json data
 "lastName": "yyy"
  ---
  ---
  }}}
   </body></head></html>

我的输出是 { “数据”：{ “属性”：{ “名字”：“xxx” “姓氏”：“yyy” } } } 这是我的 json 块视图这里如何更改字体颜色。

【问题讨论】：

你能解释清楚吗？？
@user5761830 你用的是 Angular 还是什么？
添加一个 CSS 文件，为键和值创建类，然后将它们放入 spans 中？
不知道你想做什么，因为代码有很多错误，包括头部内的 body 标签w3.org/TR/html401/struct/global.html

标签： html css twitter-bootstrap fonts

【解决方案1】：

试试

<span style="color:#ff0000"> {
     "data": {
     "attributes": {
     "firstName": "xxx",  //view as json data
     "lastName": "yyy"
      ---
      ---
      }}}
    </span>

【讨论】：

【解决方案2】：

我认为您正在寻找的是某种语法突出显示。我不会给你提供自动查找键和值的代码，但我会告诉你它是如何完成的。

.value {
  color: red;
}

.key {
  color: green;
}

<b>Student Info</b>
{<br />
    <span class="key">"data"</span>: {<br />
        <span class="key">"attributes"</span>: {<br />
            <span class="key">"firstName"</span>: <span class="value">"xxx"</span>,<br />
            <span class="key">"lastName"</span>: <span class="value">"yyy"</span><br />
     }<br />
 }

基本上，您希望将span 元素添加到文档中，并将键和值放入其中。将 CSS 类添加到更改颜色的 span 中，您基本上就完成了。
其他一切都在格式化，因为您需要换行符和正确的缩进。

【讨论】：