4 Spalten, die in desktop -, 2 Tablets und 1 Handy mit bootstrap

Seine sehr interessante und hilfreiche Verwendung von Bootstrap, derzeit stehe ich vor problem beim erstellen folgende Voraussetzung.

"4 Spalten in desktop -, 2 Spalten, in der Tablette und 1 Spalte in der mobilen Nutzung bootstrap"
kann mir jemand sagen, die richtige Struktur

Erstellen Sie eine JSFiddle.
Dies ist sogar als Beispiel in die Dokumentation!
getbootstrap.com/css/#grid-example-mixed-complete
ya ich habe versucht, aber es funktioniert nicht mit tablet-Modus, die ich verwendet habe getbootstrap.com/examples/carousel Beispiel und ich habe diese 3 divs zu 4 (die sind mit kreisförmigen Bild) und machte seine Klasse col-md-6. derzeit bin ich mit 4 Boxen wie diese 3 Boxen

InformationsquelleAutor Sopo | 2014-01-20

6

Nicht sicher, ob dies ist, was Sie wollen, aber schau mal hier :-

DEMO
```
<div class="row">
    <div class="col-md-3 col-sm-6 col-xs-12">Col 1</div>
    <div class="col-md-3 col-sm-6 col-xs-12">Col 2</div>
    <div class="clearfix visible-sm"></div>
    <div class="col-md-3 col-sm-6 col-xs-12">Col 3</div>
    <div class="col-md-3 col-sm-6 col-xs-12">Col 4</div>
</div>
```
--- AKTUALISIERTE DEMO ---
- Dank anup buddy
- Sie r willkommen..!
- hey, sollte ich hinzufügen müssen <div class="clearfix visible-md"></div> nach der zweiten, weil die Dritte und vierte sind nicht richtig arbeiten
- Was ist nun das problem, das Sie konfrontiert sind mit diesem code?
- siehe ich bin mit einem Bild und Inhalt in jedem div, nach dem 2. div 3., vierte, sind nicht richtig ausgerichtet. Das ist das Problem.
- ok...auf dem Gerät ist nicht richtig ausgerichtet(desktop, tablet oder mobile)?
- es ist tablet-Modus
- überprüfen Sie die AKTUALISIERTE DEMO.
- Tun Sie haben es zu arbeiten dude?
- noch nicht, ich bin der überprüfung, ob alle anderen Dinge, die schief gehen
- ok...Sie können hinzufügen ur den zugehörigen code in diese Geige.. jsfiddle.net/FbXzM/2
- its done, dies ist mein Aufbau jsfiddle.net/FbXzM/6. aber seine Arbeit in der fiddle-aber nicht am browser
- Yup..genießen Sie die Codierung Voraus.. 🙂
- es ist gelöst, ich habe mich beworben style="width:140px;height:140px;" Bild-und es funktioniert in allen Modi! Dank
- Ich denke <div class="clearfix visible-sm"></div> dies ist, was es zu arbeiten.
- Wie würden Sie Spalte 2 und Spalte 4 zu kommen, auf der linken Seite des Fensters gestapelt auf der jeweils anderen, wie Sie sind vor dem Zusammenbruch? - anstatt zwischen den anderen divs? So dass der Inhalt auf der rechten Seite ist getrennt vom Inhalt in der linken vertikal - nach dem Zusammenbruch...:)
InformationsquelleAutor Anup

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.