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