Question

我正在学习bootstrap（顺便说一下，它是惊人的！）我有一个问题。我有一个'h3'标签就好......

 <h3 class="pull-right">CALL 555-123-4567</h3>

我要对这个标签进行设计的方法是将“呼叫”部分改为一种颜色，将电话号码设为另一种颜色。

我知道如何使用css，但bootstrap与此有什么关系？我是否需要为电话号码中的“呼叫”一词另外开设一个课程？

例如。。

 <h3 class="pull-right"><h3 class="#">CALL</h3><h3 class="#">555-123-456</h3>

或者它会更像这样的ID吗？

 <div id="container"> <!--pull this right with bootstrap? would that even work? would the name need to be 'pull-right' and not container?-->
    <h3 class="colorChange"> CALL <h3> <h3 class="newColorChange" 555-123-4567</h3>
 </div>

哪个更合适？使用bootstrap框架更改文本颜色的原始问题是我主要关注的问题。

Answer 1

您绝不应将 h3 嵌套在 h3 标记内。要分别设置 CALL 和电话号码的样式，您只需要这样：

    <h3 class="pull-right">
     <span class="call">CALL</span>
     <span class="number">555-123-4567</span>
   </h3>

现在可以分别设置 CALL 和数字。

Bootstrap在一行上着色多个单词？

1 个答案: