Код

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

Строковый код

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

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

Блоки кода

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

<p>Образец текста здесь...</p>
<p>И еще одна строка образца текста здесь...</p>

<pre><code>&lt;p&gt;Образец текста здесь...&lt;/p&gt;
&lt;p&gt;И еще одна строка образца текста здесь...&lt;/p&gt;
</code></pre>

Переменные

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

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

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

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

Чтобы переключить каталоги, введите <kbd>cd</kbd>, а затем имя каталога.<br>
Чтобы изменить настройки, нажмите <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

Образец вывода

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

<samp>Этот текст следует рассматривать как образец вывода компьютерной программы..</samp>