## Bootstrap - Code

We have styled all Bootstrap elements just as you want!

Click me!
Advanced Code! This page displays Bootstrap styled code. To see more options of code, click here .

#### Inline Code

Wrap inline snippets of code with `<code>`.

For example, `<span>` should be wrapped as inline. Here, span tag is wrapped in code tag.

View Source

    <p>For example, <code><span></code> should be wrapped as inline.</p>

#### User Input

Use the `<kbd>` to indicate input that is typically entered via keyboard.

To switch directories, type `cd` followed by the name of the directory.
To edit settings, press ``ctrl` + `,``

View Source

    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>

#### Basic Block

Use `<pre>` for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

    <p>Sample text here...</p>

View Source

    <pre><p>Sample text here...</p></pre>

#### Variables

For indicating variables use the `<var>` tag.

y = m x + b
View Source

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

#### Sample Output

For indicating blocks sample output from a program use the `<samp>` tag.

`This text is meant to be treated as sample output from a computer program.`
View Source

    <samp>This text is meant to be treated as sample output from a computer program.</samp>