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 LESS, SASS and CSS library of Twitter Bootstrap.

pre {  
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}

If that does not fix this issue include code tag too.

pre, code {  
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}

Author: Darryl

I am a self-taught programmer and CG Artist, I write on programming and 3D Animation, tips, and tricks and my experience with things, sometimes I write content on demand if the topic interests me. I love sharing knowledge,

Leave a Reply