0

Railsアプリでtwitter-bootstrapを使用しています

私はこのチュートリアルに従っていました: http://untame.net/2012/08/twitter-bootstrap-build-a-stunning-two-column-blog/

そして私はウィジェットサイドバー と同じspan 8メイン要素を持っていますspan4

しかし、いくつかの理由で次のようになります: http://s11.postimage.org/y2cf9wlrn/Bootstrap_Sidebar_fail.png

誰が何が起こっているのか知っていますか?コンテナのサイズを大きくしてメイン要素のスパン サイズを下げようとしましたが、うまくいきません

ところで、アプリはレスポンシブです

これが私のレイアウトファイルの外観です

<div class="navbar navbar-inverse navbar-fixed-top">
  #navbar removed for clearer code
</div><!-- end of Navbar -->

<div class="container">

  <div id="myCarousel" class="carousel slide">
     #carousel removed for clearer code
  </div> <!-- Carousel items -->

<div id="user_nav" float="left">      
 #removed for clearer code
</div><!-- Flash messages-->

<div class="row">   
  <div class="span8">

    <div class="hero-unit">
      <!-- page specific content is loaded here -->
      <%= yield %>
    </div>

  </div><!-- end main area -->

  <aside class="span4"><!-- Sidebar starts here  -->    
    <div class="row">

        <div class="widget span4">
           #widget removed
        </div><!-- end widget -->

      </div><!-- end widget row -->
    </aside><!-- end sidebar -->
  </div><!-- end row -->
  #footer removed
</div><!-- end container -->
4

2 に答える 2

1

閉じられていないいくつかの開いたdivタグがあるように見えました..投稿したレイアウトが正しいように見えるので、ソースを確認すると役立ちます

于 2012-11-25T19:11:07.543 に答える
0

「.span8」要素と「.span4」要素が「.container > .row」内にあることは確かですか?

<div class="container">
   <div class="row">
       <div class="span8">...</div>
       <div class="span4">...</div>
   </div>
</div>
于 2012-11-24T22:00:23.203 に答える