Wie erstelle ich, dass eine Bootstrap-Spalte zwei Zeilen umfasst?
Dec 01, 2024 am 10:58 AMBootstrap Multi-Line Crossbar
Sie möchten mit Bootstrap ein Rasterlayout wie dieses erstellen:
[Bild: Dargestellt ist ein Rasterlayout, in dem die erste Spalte (beschriftet 1) Über zwei Zeilen]
Die Schwierigkeit, die Sie haben, besteht darin, das erste Feld (mit der Bezeichnung 1) zu erstellen, das sich über zwei Zeilen erstreckt.
Lösung
Für Bootstrap 3:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> <div class="row"> <div class="col-md-4"> <div class="well">1 <br/> <br/> <br/> <br/> <br/> </div> </div> <div class="col-md-8"> <div class="row"> <div class="col-md-6"> <div class="well">2</div> </div> <div class="col-md-6"> <div class="well">3</div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="well">4</div> </div> <div class="col-md-6"> <div class="well">5</div> </div> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="well">6</div> </div> <div class="col-md-4"> <div class="well">7</div> </div> <div class="col-md-4"> <div class="well">8</div> </div> </div>
Das obige ist der detaillierte Inhalt vonWie erstelle ich, dass eine Bootstrap-Spalte zwei Zeilen umfasst?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Hinzufügen von Kastenschatten zu WordPress -Blöcken und -Elementen

Erstellen Sie ein JavaScript -Kontaktformular mit dem Smart Forms Framework

Erstellen Sie einen Inline -Texteditor mit dem inhaltlichen Attribut

Vergleich der 5 besten PHP -Formbauer (und 3 kostenlose Skripte)

Machen Sie Ihren ersten Seltsamen -Sufle -Übergang

Entmystifizierende Bildschirmleser: Zugrunde Formen und Best Practices

Datei hochladen mit Multer in node.js und ausdrücken
