5

ブートストラップを使用して横スクロールしようとしていますが、横スクロールできません。私のliタグは本来あるべき方法で折り返されていません (通常どおり折り返されています)。

HTML:

<div class="container suggest">
  <ul class="thumbnails bsuggest" >
    <li class="span2">
     text goes here
    </li>
  </ul>
</div>

CSS:

.bsuggest
{
    overflow-x:scroll;
    overflow-y:hidden;
    height:250px;
    white-space:nowrap; !important
    width:100%;
}
.bsuggest li
{
    float:left;
    display:inline-block;
    *dsplay:inline;/* For IE7*/
    *zoom:1;/* For IE7*/
    white-space:normal;
}
.suggest
{
    width:100%;
    position:relative;
    margin-top:95px;
}

私はそれがすべきことをしたと思いますか？

4

2 に答える 2

15

Bootstrap 2span*では、一部のスタイリングを上書きする必要があります。

要素は次のulcss を取得する必要があります。

ul.your-horizontal-list {
    white-space: nowrap;
    overflow-x: auto;
}

ul.your-horizontal-list li[class*="span"] {
    display: inline-block;
    float: none;
}

これが実際のデモです。

ブートストラップ CSS の後に CSS がロードされていることを確認してください。

編集：Bootstrap 2と名付けます。Bootstrap 3では、おそらく何かに置き換える必要spanがあります。col-...

于 2013-01-08T13:26:26.170 に答える
1

の前white-space:nowrap; !importantに.bsuggestある!important必要があります。;

そのようですwhite-space:nowrap !important;

于 2012-12-17T00:03:52.290 に答える