Horizontally-scrolled <pre> blocks

It took me some time to figure out how to tweak bootstrap so that my <pre> blocks scroll horizontally instead of getting wrapped. I personally can’t stand word-wrapped code blocks - it makes code confusing to read, and I suspect many programmers are in the same boat (Octopress’s default code block scrolls horizontally).

I suggest either:

1. Make horizontally-scrolled <pre> blocks the default, -OR-
2. Split the .pre-scrollable class into a .pre-x-scrollable and .pre-y-scrollable class, which will enable scrolling in either direction.

I can create a pull request for either case, but first I want to make sure there are not other plans for this or it hasn’t been done in other branches.

[mmorey]

+1, here is here I fixed it:

pre {
    overflow-x: auto;
}

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

[cvrebert]

+1