How to make Twitter Bootstrap's blocks scroll horizontally?

Question

Per the examples https://getbootstrap.com/docs/4.3/content/code/#code-blocks, bootstrap only supports vertically-scrollable and word-wrapped

 blocks out          


        

Answer 1

The trick is that bootstrap overrides both the white-space and the CSS3 word-wrap attributes for the

 element. To achieve horizontal scrolling, ensure there's this in your CSS:


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