Bootstrap раскраски нескольких слов на одной строке?

Question

Я изучаю бутстрап в настоящее время (кстати, это УДИВИТЕЛЬНО!), И у меня есть вопрос. У меня есть тег «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> 

Что является более правильным? Первоначальный вопрос об изменении цвета текста с помощью структуры бутстрапа - моя главная проблема.

Answer 1

Вы никогда не должны гнездиться h3 внутри a h3 бирка. Для стиля CALL и номер телефона. отдельно, все, что вам нужно это:

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

Теперь можете стилизовать ВЫЗОВ и номер отдельно.