Bootstrap позволяет отображать код с двумя различными основными способами:
Первым из них является тег <code>. Если вы собираетесь отображать встроенный код, Вы должны использовать тег <code>.
Во-вторых, тег <pre>. Если код должен отображаться в качестве отдельного элемента блока или если он имеет несколько линий, то вы должны использовать тег <pre>.
Убедитесь в том, что когда вы используете теги <pre> и <code>, можно использовать варианты Юникода для открытия и закрытия тегов – < и >.
Давайте посмотрим пример ниже:
<p><code><Заголовок></code> заворачивают как встроенный элемент.</p>
<p>Чтобы отобразить код в виде отдельного блока использовать элемент тег <pre> так:</p>
<pre>
<article>
<h1>Статьи</h1>
</article>
</pre>
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Если статья понравилась, то поделитесь ей в социальных сетях: