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 to.

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

By Darryl Dias

I am a 3D artist who spends this time creating renders and sequences that tell a story and at other times write code and Linux based development work

Leave a comment

Your email address will not be published. Required fields are marked *