Apakah saiz fon lalai bootstrap
Saiz fon lalai bootstrap ialah "14px"; Bootstrap ialah rangka kerja sumber terbuka berdasarkan HTML, CSS dan JavaScript, digunakan untuk membina halaman web responsif dengan cepat berdasarkan PC dan peranti mudah alih, dan baris lalai ketinggian ialah "20px", dan ketinggian garisan elemen p ialah "10px".
Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 5, komputer DELL G3
Apakah saiz fon lalai bootstrap
Saiz fon lalai global bootstrap ialah 14px
Bootstrap ialah rangka kerja sumber terbuka berdasarkan HTML CSS JavaScript, digunakan untuk membina halaman web responsif dengan cepat berdasarkan PC dan peranti mudah alih
letak letak halaman bootstrap
1 Saiz fon lalai dalam Bootstrap ialah 14px, (Fon aplikasi asli ialah 17) ketinggian baris ialah 20px,
Elemen ialah 1/2 baris tinggi (10px) dan warnanya ialah #333
2: h1~h6(36px,30px,24px,14px,12px)<.>
Teg 3.h TegHelo, pendengar, ini ialah Stesen Penyiaran dan Televisyen Rakyat China
Padam Teks://<small>我是标准字号的85%</small> //<strong>我是加粗的:700</strong> //<em>我用的很多,因为我是歪的</em>
<p class=’text-left’>我居左对齐</p> <p class=’text-center’>我居中对齐</p> <p class=’text-right’>我居右对齐</p> <p class=’text-justify’>我两端对齐,但是我支持度不高</p> <p class=’text-nowrap’>我不换行</p>
<p class=’text-lowercase’>小写</p> <p class=’text-uppercase’>大写</p> <p class=’text-capitalize’>首字母大写</p>
//地址文本对原本的css样式做的复写,去掉了倾斜,设置了行高 <address> <strong>132132集团</strong> <p>电话:<small>(0232)1231321313</small><p> </address>
//左边有一个5px的边框线条 <blockquote>看看我左边</blockquote> <blockquote class=’blockquote-reverse’>又在右边了</blockquote> <blockquote class=’pull-right’>同上</blockquote>
tutorial bootstrap
//默认样式 <ul> <li>测试</li> <li>测试</li> <li>测试</li> </ul> //移除默认样式 <ul class=’list-unstyled’> <li>测试</li> <li>测试</li> <li>测试</li> </ul> //设置成内联 <ul class=’list-inline’> <li>测试</li> <li>测试</li> <li>测试</li> </ul>
Atas ialah kandungan terperinci Apakah saiz fon lalai bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas





Menggunakan bootstrap dalam vue.js dibahagikan kepada lima langkah: Pasang bootstrap. Import bootstrap di main.js. Gunakan komponen bootstrap secara langsung dalam templat. Pilihan: Gaya tersuai. Pilihan: Gunakan pemalam.

Cara menggunakan Bootstrap untuk mendapatkan nilai bar carian: Menentukan ID atau nama bar carian. Gunakan JavaScript untuk mendapatkan elemen DOM. Mendapat nilai elemen. Lakukan tindakan yang diperlukan.

Terdapat dua cara untuk membuat garis perpecahan bootstrap: menggunakan tag, yang mewujudkan garis perpecahan mendatar. Gunakan harta sempadan CSS untuk membuat garis perpecahan gaya tersuai.

Gunakan Bootstrap untuk melaksanakan pusat menegak: Kaedah Flexbox: Gunakan kelas D-Flex, Justify-Content, dan Align-Item-Center untuk meletakkan unsur-unsur dalam bekas Flexbox. Kaedah Kelas Align-Items-Center: Bagi pelayar yang tidak menyokong Flexbox, gunakan kelas Align-Items-Center, dengan syarat unsur induk mempunyai ketinggian yang ditetapkan.

Untuk menyesuaikan saiz unsur-unsur dalam bootstrap, anda boleh menggunakan kelas dimensi, yang termasuk: menyesuaikan lebar: .col-, .w-, .mw-adjust ketinggian: .h-, .min-h-, .max-h-

Bagaimana cara menggunakan butang bootstrap? Perkenalkan CSS bootstrap untuk membuat elemen butang dan tambahkan kelas butang bootstrap untuk menambah teks butang

Untuk menubuhkan rangka kerja bootstrap, anda perlu mengikuti langkah -langkah ini: 1. Rujuk fail bootstrap melalui CDN; 2. Muat turun dan tuan rumah fail pada pelayan anda sendiri; 3. Sertakan fail bootstrap di HTML; 4. Menyusun sass/kurang seperti yang diperlukan; 5. Import fail tersuai (pilihan). Setelah persediaan selesai, anda boleh menggunakan sistem grid Bootstrap, komponen, dan gaya untuk membuat laman web dan aplikasi yang responsif.

Terdapat beberapa cara untuk memasukkan imej dalam bootstrap: masukkan imej secara langsung, menggunakan tag HTML IMG. Dengan komponen imej bootstrap, anda boleh memberikan imej yang responsif dan lebih banyak gaya. Tetapkan saiz imej, gunakan kelas IMG-cecair untuk membuat imej boleh disesuaikan. Tetapkan sempadan, menggunakan kelas IMG-Sempadan. Tetapkan sudut bulat dan gunakan kelas IMG-bulat. Tetapkan bayangan, gunakan kelas bayangan. Saiz semula dan letakkan imej, menggunakan gaya CSS. Menggunakan imej latar belakang, gunakan harta CSS imej latar belakang.
