Bootstrap: Horizontally-scrolled <pre> blocks

[suan]

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.

[mdo]

Not something we'll solve in the core for now. If it was a larger problem, I feel we'd get more issues opened :). Thanks for the suggestion though!

[searls]

Realize this is old, but I'm :+1: on this.

[philipptempel]

I'm :+1: too

[vin-ai]

m 2

[cvrebert]

+1

[mmorey]

+1, here is here I fixed it:

pre {
    overflow-x: auto;
}

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