How to fix horizontal scroll in Twitter Bootstrap

Twitter Bootstrap is a CSS library that lets you build website rapidly and let you focus on web development instead of writing lots of CSS and reinventing the wheel. If your content focuses more on code has large strings of code that need to have horizontal scroll instead of blotting in a specific area. You can fix it with these simple lines that can be added to the <code class="highlighter-rouge">LESS, <code class="highlighter-rouge">SASS and CSS library of Twitter Bootstrap.

<code class="language- css">pre {  
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}

If that does not fix this issue include <code class="highlighter-rouge">code tag too.

<code class="language- css">pre, code {  
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}

Published by Darryl

A visual effects artist and compositor, self learner, Linux enthusiast and Programmer and can write in Python and Rust. Contributor to open source projects.