Fünf Spalt Bootstrap-Layout ohne Rastergröße zu ändern

Question

So würde Ich mag ein fünf Spalten-Layout erstellen, wie in dieser Mockup mich zur Verfügung gestellt:

five column layout mockup

hier ist also meine Frage:

Ich weiß, ich kann mein gesamtes Raster auf eine Zahl ändern, die durch 5 teilbar ist, und neue Spaltenklassen erstellen.

ABER ... das ist keine Option, weil so viel von dem, was wir bereits gebaut haben, auf dem 12-Spalten-Raster basiert.

SO ...

Wie ich mich über ein 5-Spalten-Layout, mit einem Grid-System zu schaffen, das auf 12 festgelegt ist?

Dies geschieht innerhalb eines Panels-Moduls in Drupal 7, für das wir Bootstrap-Klassen verwenden, um das Layout bereitzustellen. Aber ich frage mich, ob ich ein Stylesheet habe, das die Bootstrap-Styles außer Kraft setzt, und erstelle nur mein eigenes, aber ich würde lieber Bootstrap verwenden, wenn ich kann.

Vielen Dank für Ihre Hilfe, Eingabe und Beratung.

Prost.

Answer 1

Sie würden Bootstrap-Spaltenoffsets verwenden. Sie würden tatsächlich 10 der 12 Spalten Einheiten verwenden und versetzt dann die erste Spalte ganz links wie folgt aus:

<div class="container-fluid"> 
    <div class="row"> 
      <div class="col-sm-2 col-sm-offset-1"> 
      .. 
      </div> 
      <div class="col-sm-2"> 
      .. 
      </div> 
      <div class="col-sm-2"> 
      .. 
      </div> 
      <div class="col-sm-2"> 
      .. 
      </div> 
      <div class="col-sm-2"> 
      .. 
      </div> 
    </div> 
</div> 

http://www.bootply.com/GtXXrcUa5Q

Weitere Optionen für fünf Spalten-Layout immer in this answer

beschrieben werden