Bootstrap _ typographical _ code and bootstrap typographical code

Bootstrap _ typographical _ code and bootstrap typographical code

No matter which code style is used, you need to use the minor sign in the Code (<)Hard Coding"& Lt;"To replace, greater than (>) use"& Gt;"To replace

I. Single-line Inline code

<Code>: code for a single word or sentence.

<code>&lt;code&gt;</code><code>&lt;pre&gt;</code><code>&lt;kbd&gt;</code>

 

Ii. Multi-line block code

<Pre>: generally for multi-line code (Block-based code)

<pre>&lt;ul&gt;&lt;li&gt;...&lt;/li&gt;&lt;li&gt;...&lt;/li&gt;&lt;li&gt;...&lt;/li&gt;&lt;/ul&gt;</pre>

The effect is as follows:

Sometimes there are too many code and you want to control the size of the code block if you don't want it to occupy too much page space. Bootstrap also takes this into consideration. You only need to add the class name". Pre-scrollableTo control the maximum height of the code block area.340pxOnce the height is exceededScroll bar appears on the Y axis.

 

Iii. user input code

<Kbd>: indicates the content that you want to input on the keyboard.

<Kbd> ctrl + c </kbd> to copy the code
<Kbd> ctrl + v </kbd> to paste the code