In diesem Artikel erstellen wir eine Spalteninformation für Ihre Referenz. Der spezifische Inhalt ist wie folgt
Die Reihenfolge von Google Chrome Parsing muss geladen und ausgeführt werden
$.
Hinweis: Für den Firefox -Browser können Sie Strg+Shift+M drücken, um die mobile Klemmegröße anzupassen.
Titellfrage der Sub-Säulen
<div> <div> <hgroup> <h1> Informationen </h1> <h4> Neueste Nachrichten, Ressourcen usw. des internen Unternehmens ... </h4> </hGroup> </div> </div>
Spalte CSS
.Jumbotron {Margin: 50px 0 0 0; Polsterung: 60px 0; Hintergrund: #CCC URL (../ img/bg.jpg); Farbe: #ccc;}. Jumbotron H1 {Schriftgröße: 26px; // 768,30; 992,33; 1200,36; Polsterung: 0 0 0 20px;}. Jumbotron H4 {Schriftgröße: 16px; // 768,16; 992,17; 1200,18 Polsterung: 0 0 0 20px;}Informationsgehalt
<div id = "Information"> <div> <div> <div> <div> <div> <div> <div> <img src = "img/info1.jpg"> </div> <h4> Die staatliche Verwaltung von Radio, Film und Fernseher tvos2.0 und huawei alibaba teilgenommen. von TVOS1.0, Huawei Mediaos und Alibaba Yunos. Huawei ist hauptsächlich für die Entwicklungsarbeit verantwortlich und Alibaba ist für das eingebaute TV-Einkaufszentrum verantwortlich. </p> <p> admin 15/10/11 </p> </div> </div> </div> </div> </div> <div> <Blockquote> <h2> Populäre Nachrichten </h2> </blockquote> <div> <div> <div> <div> <div> <div> <div> <div> <div> </div> <div style = "padding-light: 0"> <h4> tital </h4> <p> admin 15/10/11 </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
Informationsinhalt CSS
#Information {padding: 40px 0; Hintergrund: #eee;}. Info-Right {Hintergrund-Color: #ffff; Box-Shadow: 2PX 2PX 3PX #CCC;}. Info-Right Blockquote {Padding: 0; Rand: 0;}. Info-Rechts-H2 {Schriftgröße: 20px; Padding: 5px;}. Info-Rechts H4 {Zeilenhöhe: 1.6;}. Info-Content {Background-Color: #ffff; Box-Shadow: 2PX 2PX 3PX #CCC; Rand: 0 0 20px 0;}. Info-Content IMG {Margin: 12px 0;}. Info-Content H4 {Schriftgröße: 14px; // 768,16; 992,18; 1200,20; Polsterung: 2PX 0 0 0;}. Info-Content P {Zeilenhöhe: 1.6; Farbe: #666;}Für .Info-in-in-Inhalt-H4 ist für die mittleren und großen Bildschirme eine Linie erforderlich.
.Info-in-intent H4 {Überlauf: versteckt; weißer Raum: Nowrap; Text-Overflow: Ellipsis;}Wenn Sie weiterhin ausführlich studieren möchten, können Sie hier klicken, um Ihnen zu studieren und 3 aufregende Themen anzuhängen:
Bootstrap -Lern -Tutorial
Bootstrap Practical Tutorial
Bootstrap-Plug-in-Nutzungs-Tutorial
Der obige Code ist der Code, den ich den Informationsinhalt des Bootstrap -Produktions -Subkolumns schließen möchte. Ich hoffe, es mag alle.