Документация и примеры для отображения встроенных и многострочных блоков кода с помощью Bootstrap.
Строковый код
Оберните встроенные фрагменты кода в <code>
. Обязательно избегайте угловых скобок HTML.
Например,
<section>
должен быть заключен в оболочку как встроенный.
Например, <code><section></code> должен быть заключен в оболочку как встроенный.
Блоки кода
Используйте <pre>
для нескольких строк кода. Еще раз, не забудьте снять угловые скобки в коде для правильного рендеринга. Вы можете при желании добавить класс .pre-scrollable
, который установит максимальную высоту 340 пикселей и предоставит полосу прокрутки по оси Y.
<p>Образец текста здесь...</p>
<p>И еще одна строка образца текста здесь...</p>
<pre><code><p>Образец текста здесь...</p>
<p>И еще одна строка образца текста здесь...</p>
</code></pre>
Переменные
Для обозначения переменных используйте тег <var>
.
y = mx + b
<var>y</var> = <var>m</var><var>x</var> + <var>b</var>
Пользовательский ввод
Используйте <kbd>
для обозначения ввода, который обычно вводится с клавиатуры.
Чтобы переключить каталоги, введите cd, а затем имя каталога.
Чтобы изменить настройки, нажмите ctrl + ,
Чтобы изменить настройки, нажмите ctrl + ,
Чтобы переключить каталоги, введите <kbd>cd</kbd>, а затем имя каталога.<br>
Чтобы изменить настройки, нажмите <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
Пример вывода
Для указания образца вывода из программы используйте тег <samp>
.
Этот текст следует рассматривать как образец вывода компьютерной программы..
<samp>Этот текст следует рассматривать как образец вывода компьютерной программы..</samp>