Логотип
Тот, кто умеет — делает, кто не умеет — учит (Б. Шоу).

Bootstrap — код

16.05.2017
Bootstrap - код

Bootstrap позволяет отображать код с двумя различными основными способами:

  • Первым из них является тег <code>. Если вы собираетесь отображать встроенный код, Вы должны использовать тег <code>.
  • Во-вторых, тег <pre>. Если код должен отображаться в качестве отдельного элемента блока или если он имеет несколько линий, то вы должны использовать тег <pre>.

Убедитесь в том, что когда вы используете теги <pre> и <code>, можно использовать варианты Юникода для открытия и закрытия тегов — &lt; и &gt;.

Давайте посмотрим пример ниже:

<p><code><Заголовок></code> заворачивают как встроенный элемент.</p>
<p>Чтобы отобразить код в виде отдельного блока использовать элемент тег <pre> так:</p>

<pre>
   <article>
      <h1>Статьи</h1>
   </article>
</pre>

 

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Если статья понравилась, то поделитесь ей в социальных сетях:

Читайте также

2 комментариев

Виталий Бриль 14.06.2019 в 20:13

Какой-то бред… У меня не работает и всё запутанно рассказано.
Интересней было бы привести пример в стиле ООП

Сергей Брин 11.08.2024 в 22:25

Нормально всё расписано.
В моей компании многие используют эту статью.

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

семь + три =

Спасибо!

Теперь редакторы в курсе.

Прокрутить страницу до начала