Код

Документация и примеры отображения «блочных» и «мульти-блочных» блоков кода с помощью Bootstrap.

«Блочный» код

Оборачивайте «блочные» куски кода тэгом <code>. Удостоверьтесь в отсутствии закрывающих скобок «/».

К примеру, <section> надо обертывать как блочный элемент.

К примеру, <code>&lt;section&gt;</code> надо обертывать как блочный элемент.

Блоки кода

Используйте <pre> для длинных строк кода. Опять же, для правильной отрисовки удостоверьтесь, что в вашем коде нет «/». Вы можете добавить класс .pre-scrollable, который установит свойство max-height: 350px и создаст полосу вертикальной прокрутки.

<p>Sample text here...</p>
<p>And another line of sample text here...</p>

<pre><code>&lt;p&gt;Sample text here...&lt;/p&gt;
&lt;p&gt;And another line of sample text here...&lt;/p&gt;
</code></pre>

Переменные

Для обозначения переменных используйте тэг <var>.

y = mx + b

<var>y</var> = <var>m</var><var>x</var> + <var>b</var>

Пользовательский ввод

Используйте тэг <kbd> для создания ввода, значения которого типичны для ввода с клавиатуры.

To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,

To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

Образец выходного результата

Для обозначения выходного результата работы программы используйте тэг <samp>.

This text is meant to be treated as sample output from a computer program.

<samp>This text is meant to be treated as sample output from a computer program.</samp>