bootstrap 3-Spalten-layout, die wichtigsten Inhalte vor zwei Seitenleiste

Mit Bootstrap, für die beiden linken und rechten Seitenleiste, 3 Spalten layout, wir wissen nicht, wie das Bearbeiten der css, um den wichtigsten Inhalt oberhalb der beiden Seitenleisten, bitte beraten, wie zu tun, Dank.

Wir haben versucht folgenden code, der aber Nicht funktioniert:

<div class="row">
  <div class="span6">
    main content
  </div>
  <div class="span3 pull-left">
    left bar
  </div>
  <div class="span3 pull-right">
    right bar
  </div>
</div>

bitte beraten, wie Sie es tun, vielen Dank.

InformationsquelleAutor user2010614 | 2013-01-25
  1. 1

    BEARBEITEN Die Lösung unten verwiesen auf die ursprüngliche Frage, die war mit Bootstrap 2

    Teil der Lösung ist zu verwenden, ziehen Sie Sie direkt auf die wichtigsten Inhalte, wenn dies zu tun, allein schwimmt der wichtigsten Inhalte auf der rechten Seite des Fensters.

    Die vollständige Lösung ist auch die Verwendung eines verschachtelten Rasters für die wichtigsten Inhalte und Links-Leiste, so dass der pull-rechts enthalten ist.

    Sehen, diese zu Leben: http://jsfiddle.net/panchroma/mU2zu/

    HTML 

    <div class="container">

<div class="row">

       <div class="span9">
           <div class="row">
         <div class="span6 pull-right">main content</div>

          <div class="span3">left bar</div>
           </div><!-- end nested row -->
    </div><!-- end span9 -->

        <div class="span3">right bar</div>

    </div><!-- end parent row-->

 </div><!-- end container -->

    Glück!

    • Ihre Geige verwendet v2.2.2 der bootstrap-markup hat sich seither erheblich verändert, und die Frage bezieht sich auf v3
    • Ich bekomme Ihren Punkt über die änderung im markup, aber wenn man sich mal die timeline für diese Frage war es, fragte Jan und ich antwortete Feb, 5 Monate vor der ersten Bootstrap-3 RC-version veröffentlicht wurde. Die Frage war zunächst für boostrap 2 und dann zu einem späteren Zeitpunkt geändert
    • Rückgängig mein downvote wegen edit! Dachte nur, es war verwirrend vor.
    • Danke @tcnarss, ich würde nie wissen, dass die Frage geändert worden war, wenn es nicht für Ihren Kommentar.
    InformationsquelleAutor David Taiaroa
Schreibe einen Kommentar