5 gleich Breite Spalten in der bootstrap (Breite der container)

Laut meiner psd-Vorlage, die ich habe-CONTAINER besteht aus 5 gleich Breite (344px) Spalten. Ich beschlossen zu gehen mit bootstrap in Bezug auf Reaktionsfähigkeit. Aber jetzt bin ich frustriert, mit dieser Aufgabe.

Gibt es eine Möglichkeit dies umzusetzen oder brauche ich:

  • Rebuild meine psd-Vorlage passen bootstrap grid und Größen
  • Nicht die Verwendung von bootstrap und schreiben individuelle responsive Klassen

Codepen:
http://codepen.io/anon/pen/YZbBQG

<div class="cont">
        <div class="bicycles">
          <div class="bik"><img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""></div>
          <div class="bik"><img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""></div>
          <div class="bik"><img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""></div>
          <div class="bik"><img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""></div>
          <div class="bik"><img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""></div>
        </div>
    </div>
  • Sie werden nicht zu reagieren? Es geht um ein 1720px Reihe?
  • genau. Ich will, dass es zu reagieren, so dass, wenn Sie nach unten skalieren rowser Breite - 1 Reihe besteht aus 3-4 Spalten, statt 5, und so weiter.
  • okay, gerade aktualisiert meine Antwort. ist es das, was Sie für gehen?
  • es scheint, wie das, was ich Suche, aber nun habe ich ein problem: beim skalieren der Breite des browser-Fensters und überqueren Sie die Pause - es gibt einige freie Speicherplatz nach der 4 Spalte. Ich bin wohl müssen machen Behälter 100% Inhalt Größe?
  • Einfach Fragen, wenn Sie haben versucht, es zu lösen sich. Es macht nicht wirklich Sinn, dass Sie würde haben 5 gleich Breite (344px) - Spalten, und dennoch reaktionsschnell. Bedeutet das, dass die Spalten bleiben immer 344px?
  • es wird Platz nach der letzten Spalte, wenn die Spalten eine Feste Breite. Wie wollen Sie es sich zu Verhalten statt? Würde es helfen, wenn Sie könnten herausfinden, was Sie brauchen, vor dem posten einer Frage, und stellen Sie sicher, dass Ihr post hat eine klare Beschreibung von Ihr Endziel.
  • Wie ich schrieb früher, wenn Sie an Haltepunkt 1-Reihe besteht aus 4 statt 5 Spalten, ABER Containers geändert, um die Größe von dessen Inhalt. Das ist, wie ich denke, könnte ich lösen, das problem, dass der freie Raum.
  • bitte beantworten Sie die Fragen. Das Ziel ist nicht klar. Was 344px.. die Spalten bleiben immer, dass die Breite? Die Frage über "5 gleich Breite Spalten" wurde bereits beantwortet.
  • Nur Kommentare Lesen, ich hab schon geantwortet auf die ähnliche Frage.
  • Ich machte codepen. Dies ist, was ich erreichen wollte mit bootstrap: codepen.io/anon/pen/YZbBQG

InformationsquelleAutor Src | 2017-04-06
Schreibe einen Kommentar