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

#html #css #twitter-bootstrap #twitter-bootstrap-3 #colors

#HTML #css — код #twitter-bootstrap #twitter-bootstrap-3 #Цвет #css

Вопрос:

В настоящее время я изучаю 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>
  

ИЛИ это был бы скорее такой идентификатор?

  <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 framework является моей главной заботой.

Ответ №1:

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

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

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

Комментарии:

1. Спасибо, я редко использую тег span. Это работает отлично.