html - HTML CSS での水平スクロール

Question

span9 のブートストラップ グリッドに表示したいコンテンツのリストがあり、x 軸でのみスクロールする必要があります。以下に、デザインのスナップショットを示します。

しかし、私はそれを動作させることができません

overflow-x: scroll;
overflow-y: hidden;

リンク: http://play.mink7.com/mybooks/template.html

Answer 1

新しい行に移動するだけなので、コンテンツは X 軸でオーバーフローしません。おそらく、次のようにコンテンツを強制的に 1 行に収める必要があります。

.featured-category ul {
    white-space: nowrap;    // add
}

.featured-category ul li {
    display: inline-block;  // add
    /*float: left;*/        // remove
}