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

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

Оберните встроенные фрагменты кода в <code>. Обязательно избегайте угловых скобок HTML.

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

Блоки кода

Используйте <pre> для нескольких строк кода. Еще раз, не забудьте снять угловые скобки в коде для правильного рендеринга. Вы можете при желании добавить класс .pre-scrollable, который установит максимальную высоту 340 пикселей и предоставит полосу прокрутки по оси Y.

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

Переменные

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

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

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

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

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

Пример вывода

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

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