Artikel ini berbagi dengan Anda penggunaan sederhana dari bootstrap kerangka kerja web untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Langsung Baidu Bootstrap untuk mencari situs web Bootstrap Chinese, dan yang terbaik adalah memilih untuk mengunduh kode sumber.
Setelah unduhan selesai, salin dist/css/bootstrap.min.css ke direktori root proyek.
Pendahuluan dan penggunaan modul spesifik dijelaskan di situs web Cina. Berikut adalah contoh sederhana yang diproduksi sebagai contoh:
<! Doctype html> <html lang = "en"> <head> <meta charset = "UTF-8"> <Title> Gunakan bootstrap untuk tata letak responsif </iteme> <link href = "bootstrap.min.min.css" type = "text/css" rel = "stylesheet"> </head </head> type = "teks/css" rel = "stylesheet"> </heads "navigasi>-in navigasi/css" rel = "stylesheet"> </head </head> type = "Text/css" rel = "stylesheet" di navigasi, "navigasi> </in navigasi <! navbar-default is the default color, while navbar-fixed-top is to cancel the rounded corner effect of the navigation bar, role can be avoided"--><nav role="navigation"> <!--Add <div></div> is to make the interface centered--> <div> <div> <button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded = "false"> <span> Sakelar navigasi </span> <span> </span> <span> </span> <span> </span> <span> </span> </buttpute> <a href = "#"> To-name </a> </div> <!-Kumpulkan tautan NAV, bentuk, dan konten lainnya untuk ToG-1 "</Div> <! <Form role = "Search"> <div> <input type = "text" placeholder = "email"> </div> <div> <input type = "password" placeholder = "password"> </div> <tombol type = "kirim" OnClick = "Signin ()"> Masuk ke </butt> <skrip> <! pada login "); } </script> </form> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --></nav><!-- Giant Screen--><div> <div> <h1>Hello, world!</h1> <p>Here is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is Tes Articticherher adalah Artikel Tes adalah Tes Articlehere adalah Test ArticleHere adalah tes artikel dihere adalah uji artikel di sini. Articterhere adalah uji artikel dihere adalah uji artikel dihere adalah tes artikel dihere adalah tes artikel dihere adalah uji artikel di suatu artikel uji adalah tes artikel dihere adalah uji artikel di suatu tes artikel uji. Tes Articticherher adalah Artikel Tes adalah Tes Articlehere adalah Test ArticleHere adalah tes artikel dihere adalah uji artikel di sini. articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a »</a></p> </div> <div> <h2>Heading2</h2> <p>Here is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a test articleHere is a Tes Articticherhere Adalah Artikel Tes adalah Tes Articlehere adalah Test ArticleHere adalah tes artikel dihere adalah tes artikel dihere. Apakah Tes Artikel Di Sedang Artikel Uji adalah Artikel Tes. Artikel adalah Tes Artikel adalah Tes Artickherhere adalah uji Artikel adalah uji artikel dierek Articterhere adalah uji artikel ini adalah tes artikel diherhere adalah tes artikel dihere adalah tes artikel dihere adalah uji artikel dihere. </toot> </div> </body> </html>
Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.