Документация и примеры для отображения встроенных и многострочных блоков кода с помощью Bootstrap.
Строковый код
Оборачивайте «блочные» куски кода тэгом <code>. Удостоверьтесь в отсутствии закрывающих HTML скобок «/».
Например,
<section> должен быть заключен в оболочку как встроенный.
Например, <code><section></code> должен быть заключен в оболочку как встроенный.Блоки кода
Используйте <pre> для длинных строк кода. Опять же, для правильной отрисовки удостоверьтесь, что в вашем коде нет «/». Вы можете добавить класс .pre-scrollable, который установит свойство max-height: 350px и создаст полосу вертикальной прокрутки.
<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>