Code

Bootstrap code

Note: We are transitioning MDB4 to a legacy version and focusing on developing MDB5. While we'll continue to support for the transition period, we encourage you to migrate to MDB5. We're offering a huge discount on MDB5 PRO to help with your transition, enabling you to leverage the full potential of the latest version. You can find more information here.
upgrade with discount

Documentation and examples for displaying inline and multiline blocks of code with Bootstrap.

Inline code

Wrap inline snippets of code with <code>. Be sure to escape HTML angle brackets.

        
            
          
          For example, <code>&amp;lt;section&amp;gt;</code> should be wrapped as inline.
  
        
        
    

Code blocks

Use <pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

<p>Sample text here...</p>
            <p>And another line of sample text here...</p>

        
            
        <pre><code>&lt;p&gt;Sample text here...&lt;/p&gt;
          &lt;p&gt;And another line of sample text here...&lt;/p&gt;</code></pre>
        
        
    

Variables

For indicating variables use the <var> tag.

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

Sample output

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

        
            

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