1

mvc4 プロジェクトの 1 つでブートストラップ接辞 (2.1.0) を使用しようとしています。50px スクロールした後に .span9 のコンテンツが左に移動すると、.span3 と .span9 が正しく動作しないようです。

私はこれを見つけました:下にスクロールするとテキストがページの横に移動しますが、機能しません。スパンにフロートを追加すると、何とか機能しますが、「応答」しません。私はそれがより良い解決策でなければならないと思います。

誰かがそれを機能させますか?

これが私のコードです（ブートストラップサイトからコピーして貼り付けます）。どこで間違ったのですか？

<body data-spy="scroll" data-target=".bs-docs-sidebar">
<div class="container">
....
<div class="row">
  <div class="span3 bs-docs-sidebar" data-spy="affix" data-offset-top="50">
    <ul class="nav nav-list bs-docs-sidenav">
      <li><a href="#download-bootstrap"><i class="icon-chevron-right"></i> Download</a></li>
      ....
      <li><a href="#what-next"><i class="icon-chevron-right"></i> What next?</a></li>
    </ul>
  </div>
  <div class="span9">
    ....
    <section id="download-bootstrap">
4

2 に答える 2

3

問題が解決しました。順序付けられていないリストを添付すると、すべてが正常に機能します。どういうわけか、リスト自体ではなく、親 div を添付する必要があることを理解しました。私の間違い。

于 2012-09-02T08:18:19.993 に答える
1

これを修正する別の方法は、nav span min-height を設定することです 

.span3 {  
    min-height: 1px;  
}

また、タブレット モードのときは固定しないようにナビを設定する必要がありました。

@media (max-width: 767px) {
    .sidenav.affix {
        position: static;

現時点では、これを機能させる方法を説明するドキュメントが十分ではありません。

于 2012-09-05T07:38:28.700 に答える