How to fix horizontal scroll in Twitter Bootstrap

Nov 22, 2014
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 `LESS`, `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;
}

If you like this content, please consider buying me a coffee.

Buy me a coffeeBuy me a coffee

You will get access to contributer exclusive resources and content.

Thank you!



Darryl Dias

I am a student, artist, and author currently living in Florida. My interests range from technology to arts. I am also interested in programming, writing

Analytics by GoSquared