Rumah > hujung hadapan web > tutorial js > Analisis menyeluruh tentang cara menggunakan kemahiran susun atur Bootstrap (tajuk)_javascript

Analisis menyeluruh tentang cara menggunakan kemahiran susun atur Bootstrap (tajuk)_javascript

WBOY
Lepaskan: 2016-05-16 15:28:51
asal
1628 orang telah melayarinya

Bootstrap adalah sama dengan halaman HTML biasa Teg

digunakan untuk mentakrifkan tajuk, Bootstrap mengatasi gaya lalainya dan menggunakannya untuk memaparkan kesan yang sama dalam semua penyemak imbas. Secara khusus Peraturan yang ditakrifkan boleh ditunjukkan dalam jadual berikut:

<!--Bootstrap中的标题--> 
<h1>Bootstrap标题一</h1>
<h2>Bootstrap标题二</h2>
<h3>Bootstrap标题三</h3>
<h4>Bootstrap标题四</h4>
<h5>Bootstrap标题五</h5>
<h6>Bootstrap标题六</h6>

<!--Bootstrap中让非标题元素和标题使用相同的样式-->
<div class="h1">Bootstrap标题一</div>
<div class="h2">Bootstrap标题二</div>
<div class="h3">Bootstrap标题三</div>
<div class="h4">Bootstrap标题四</div>
<div class="h5">Bootstrap标题五</div>
<div class="h6">Bootstrap标题六</div>

Salin selepas log masuk

Kesannya adalah seperti berikut:

Selain itu, dalam pengeluaran web, kami sering menemui tajuk diikuti dengan baris sari kata kecil. Dalam Bootstrap, dia juga mempertimbangkan kesan penetapan taip ini dan menggunakan teg Sari kata ini mempunyai gaya tersendiri yang unik:

1. Ketinggian garisan adalah semua 1, dan berat fon ditetapkan kepada normal untuk menjadi kesan biasa (tidak tebal), dan warna ditetapkan kepada kelabu (#999).

2. Memandangkan fon teks dalam adalah dalam h1~h3, saiznya ditetapkan kepada 65% daripada saiz fon semasa manakala saiz fon dalam h4~h6 ditetapkan kepada 75% daripada fon semasa saiz;

<!--Bootstrap中使用了<small>标签来制作副标题-->
<h1>Bootstrap标题一<small>我是副标题</small></h1>
<h2>Bootstrap标题二<small>我是副标题</small></h2>
<h3>Bootstrap标题三<small>我是副标题</small></h3>
<h4>Bootstrap标题四<small>我是副标题</small></h4>
<h5>Bootstrap标题五<small>我是副标题</small></h5> 
<h6>Bootstrap标题六<small>我是副标题</small></h6>
Salin selepas log masuk

Kesannya adalah seperti berikut:

Di atas adalah pengenalan terperinci kepada susun atur tajuk Bootstrap Lebih banyak kandungan akan dikemas kini pada masa hadapan.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan