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

Newer versions of Bootstrap apply styles to both pre and code that wrap words. Adding this to my stylesheet fixed the issue for me:

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