3

ブートストラップ ドキュメントのように、携帯電話に貼り付けられていないブートストラップ ドキュメントのようにメニューを貼り付けたいと思います。私は次のコードを持っています：

<div class="container">
  <div class="row">
    <div class="span3 bs-docs-sidebar ">
      <ul class="nav nav-list bs-docs-sidenav" data-spy="affix">
        <li><a href="#a"><i class="icon-home"></i> A</a></li>
        <li><a href="#b"><i class="icon-chevron-right"></i> B</a></li>
        <li><a href="#c"><i class="icon-chevron-right"></i> C</a></li>
      </ul>
    </div>

    <div class="span9">
      ...
    </div>
  </div>
</div>

の有無にかかわらず試してみましたが、data-spy="affix"もul試し$(function(){ $('.bs-docs-sidenav').affix() })ました。

でもメニューは常に固定なので、携帯では文字が読めません。

4

1 に答える 1

7

彼らのページにあるbootstraps doc.cssファイルで私の質問に対する答えを見つけました。次のcssを追加する必要があります（別のクラスで接辞を使用している場合は、クラスを変更する必要があるかもしれません）

/* Tablet
------------------------- */
@media (max-width: 767px) {
  .bs-docs-sidenav.affix {
    position: static;
    width: auto;
    top: 0;
  }
}

また、要素にクラスaffixを追加しただけで、JavaScript (つまり)bs-docs-sidenavは使用しませんでした。data-spy

于 2012-11-24T15:13:59.620 に答える