Posted at

Bootstrapを使った場合にpreタグを改行させたくない

More than 5 years have passed since last update.

Bootstrap.cssにて

pre {

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

が適用されているため、preタグ内の文字が改行されてしまいます。

preタグ内の文字を改行せず、画面幅が小さい場合にスクロールバーを出すには、

pre {

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

を適用すればOKです。


参考リンク