En este artículo, crearemos una información de columna para su referencia. El contenido específico es el siguiente
El orden de Google Chrome se debe cargar y ejecutar
$ (Window) .Load (function () {$ ('. Text'). Eq (0) .css ('margin -top', ($ ('. Auto'). Eq (0) .height () - $ ('. Text'). Eq (0) .height ()) / 2 + 'Px');});Nota: Para el navegador Firefox, puede presionar CTRL+Shift+M para ajustar el tamaño del terminal móvil.
Pregunta del título sub-columna
<Div> <Viv> <hgroup> <h1> información </h1> <h4> Últimas noticias, recursos, etc. de capacitación interna corporativa ... </h4> </hgroup> </div> </div>
Columna CSS
.jumbotron {margen: 50px 0 0 0; relleno: 60px 0; Antecedentes: #CCC URL (../ img/bg.jpg); color: #ccc;}. jumbotron h1 {font-size: 26px; // 768,30; 992,33; 1200,36; Padre: 0 0 0 20px;}. Jumbotron H4 {Font-Size: 16px; // 768,16; 992,17; 1200,18 relleno: 0 0 0 20px;}Contenido de información
<Div ID = "Información"> <div> <div> <div> <div> <iv> <div> <div> <mit <img src = "img/info1.jpg"> </div> <div> <h4> La administración estatal de radio, película y televisión TVOS2.0 y huawei alibaba participado participado en la investigación y el desarrollo </h4> <p> TVOS2.0 es una generación de TV -TV de nuevo televisión y televisión que se realiza un sistema de operación de Smart de Smart de Smart. Integración de TVOS1.0, Huawei Mediaos y Alibaba Yunos. Huawei es el principal responsable del trabajo de desarrollo, y Alibaba es responsable del centro comercial de TV integrado. </p> <p> admin 15/10/11 </p> </div> </div> </div> </div> </div> <div> <blokquote> <h2> Noticias populares </h2> </loClockQuote> <Viv> <Viv> <Viv> <VIV> <VIV> <VIV> <VIT style = "Margen: 12px 0; almo </div> <div style = "Padding-Right: 0"> <h4> Title </h4> <p> admin 15/10/11 </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
Contenido de información CSS
#Information {Padding: 40px 0; Antecedentes: #EEE;}. Info-Right {Background-Color: #ffff; shadow de caja: 2px 2px 3px #ccc;}. Info-derecho blockQuote {relleno: 0; margen: 0;}. Info-derecho H2 {Font-size: 20px; Pading: 5px;}. Info-derecha H4 {Line-Height: 1.6;}. Info-Content {Background-Color: #FFFF; Shadow de caja: 2px 2px 3px #ccc; margen: 0 0 20px 0;}. Info-contento img {margen: 12px 0;}. Info-Content H4 {Font-size: 14px; // 768,16; 992,18; 1200,20; Padre: 2px 0 0 0;}. Info-Content P {Line-Height: 1.6; Color: #666;}Para el contenido de .info H4, se requiere una línea para las pantallas medianas y grandes.
.info-contento h4 {desbordamiento: oculto; White-Space: Nowrap; Text-Overflow: Ellipsis;}Si aún desea estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de complemento de bootstrap
Lo anterior es el código que quiero cerrar el contenido de información de la subcolumna de producción de Bootstrap. Espero que a todos les guste.