Aprendi Bootsap hoje e ganhei muito. Eu compartilho um pequeno caso aqui. As explicações específicas estão todas no código, o que é mais intuitivo.
Veja a lenda primeiro
<! Doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta name = "viewport" content = "width = width device-width, scale inicial = 1.0"> <title> bootstrap Reltrap </title> <!-Apresentando os estilos de boots- href = "css/bootstrap.min.css"> <link rel = "stylesheet" type = "text/css" href = "css/bootstrap-responsivo.min.css"> <link Rel = "StyleSeet" type = "text/css" href = "cs = cSs/bases/" da div para 940px e exibir no centro-> <div> <!-Hero-Unit Definir a unidade de visualização de foco-> <div> <h1> lenovo holdings </h1> <p> <img src = "img/bg2.png"> </p> <p> <a href = "#"> mais » Grades, e cada subdiv é definido como 4 grades, ou seja, 228px-> <div> <div> <h2> tópicos da empresa </h2> <p> Em 2 de dezembro de 2012, o empresário da estrela de Lenovo foi realizado em Changzhou, e Liu Chuanzhi compartilhou o seu número de insucenentes sobre "o crescimento de seus assados com o número de flautrias do que o Liuanzhi, o que é o seu número de flausas sobre o seu número de flautrias sobre o que há de seus prêmios, e a Liuanzhi Functions, com os seus pontos de vista para os seus pontos. Equipe empreendedora ". </p> <!-- btn button style--> <p><a href="#">Learn more»</a></p> </div> <div> <h1>Special attention</h1> <p>From starting with "selling computers" to integrating the five core assets of IT, real estate, consumption and modern services, new chemical materials, and modern agriculture, Lenovo Holdings is sprinting to go public between 2014 and 2016. </p> <p> <a href = "#"> mais »</a> </p> </div> <div> <h1> nossa história </h1> <p> <img src =" img/bg1.png "> </p> <p> <a href ="#"> </a> 2013</p> </footer></div><!-- Introducing Bootstrap's js file--><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script><script type = "text/javascript" src = "js/bootstrap-tab.js"> </script> </body> </html> <!-introdução de base base.css->/*focus estilo diagrama*/div.Hero-unit {/*Background Style, default para cinza*/borderl: url*/. Largura: 980px; Altura: 443px; Posição: relativa; /*O padrão é 60px*/ preenchimento: 0; /*O padrão é 30px*/ margem: 0; Border-Color: Gray;} div.Hero-Unit H1 {/*Ocultar título*/Display: None;}/*Os anúncios são exibidos no canto inferior esquerdo*/div.Hero-unit .banner {Posição: Absolute; Inferior: 0; Esquerda: 10px;}/*Os botões são exibidos no canto inferior direito*/div.Hero-unit .btn {Posição: Absolute; Inferior: 14px; Direita: 20px;}O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.