Kelemahan rangka kerja bootstrap: 1. Peningkatan kos pembelajaran, anda perlu memahami keseluruhan rangka kerja, dan anda perlu membaca dokumentasi rangka kerja; 2. Ia membengkak, dan mungkin terdapat kebanyakan kod dalam rangka kerja yang anda tidak akan gunakan; 3. Terlalu bergantung pada rangka kerja , sehingga sukar untuk menghapuskan pepijat 4. Terdapat masalah keserasian, dsb.
Persekitaran pengendalian tutorial ini: sistem Windows 7, bootsrap versi 3.3.7, komputer DELL G3
Pengenalan kepada Bootstrap :
Bootstrap ialah rangka kerja bahagian hadapan sumber terbuka Twitter berdasarkan HTML, CSS dan JavaScript. Ia adalah kit alat bahagian hadapan yang direka untuk pembangunan pesat aplikasi web. Ia menyokong reka letak responsif dan mematuhi keutamaan peranti mudah alih selepas versi V3.
Kenapa guna Bootstrap? Namanya susah payah)
Gaya: berulang, berlebihan, tidak teratur, tidak harmoni- Halaman: tidak teratur, tidak teratur, tidak harmoni
- Selepas menggunakan Bootstrap: Pelbagai penamaan disatukan dan diseragamkan. Gaya halaman adalah bersatu dan gambar adalah harmoni.
Seni Bina Bootstray
CSS: Bootstrap dilengkapi dengan ciri berikut: tetapan CSS global, mentakrifkan gaya elemen HTML asas, kelas boleh diperluas dan sistem grid lanjutan. Ini akan diterangkan secara terperinci dalam bahagian Bootstrap CSS.
- Komponen: Bootstrap mengandungi lebih daripada sedozen komponen yang boleh diguna semula untuk mencipta imej, menu lungsur, navigasi, kotak amaran, kotak pop timbul dan banyak lagi. Ini akan diterangkan secara terperinci dalam bahagian Komponen Reka Letak.
- Pemalam JavaScript: Bootstrap termasuk lebih daripada sedozen pemalam jQuery tersuai. Anda boleh memasukkan semua pemalam secara langsung atau memasukkannya secara individu. Ini akan diterangkan secara terperinci dalam bahagian pemalam Bootstrap.
- Penyesuaian: Anda boleh menyesuaikan komponen Bootstrap, KURANG pembolehubah dan pemalam jQuery untuk mendapatkan versi anda sendiri.
- Kelemahan rangka kerja bootstrap:
- a) Peningkatan kos pembelajaran. Anda perlu memahami keseluruhan rangka kerja dan membaca dokumentasi rangka kerja.
c) Ia mungkin tidak membantu anda meningkatkan kemahiran anda. Terlalu bergantung pada rangka kerja, menjadikannya sukar untuk menyelesaikan masalah pepijat. Termasuk pepijat yang wujud dalam rangka kerja.
d) Adalah menyakitkan untuk memilih rangka kerja dan rangka kerja pembangunan yang anda perlukan. Selepas menulisnya, saya mendapati bahawa ia semakin tidak fleksibel dan kembung. e) Akan ada masalah keserasian Walaupun terdapat banyak cara untuk serasi dengan IE di Internet, fail lain perlu diperkenalkan, beberapa daripadanya agak kecil, yang pasti akan menyebabkan kelajuan memuatkan. perlahan dan menjejaskan pengalaman pengguna. Kajian yang disyorkan: "tutorial penggunaan bootstrap
"Atas ialah kandungan terperinci Apakah kelemahan rangka kerja bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
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
Tulis langkah -langkah untuk membuat bentuk asas atau menegak menggunakan bootstrap?
Jun 10, 2025 am 12:11 AM
BootstrapsImplifiesFormCreationWithitsDefaultverticallayoutandcustomizableoptions.1) usethetagwithbootstrapclasseslikemb-3, bentuk-label, dan bentuk-kontrolfasicverticalforms.2)
Menguasai Grid Bootstrap: Amalan dan Contoh Terbaik
Jun 11, 2025 am 12:02 AM
Amalan terbaik termasuk: 1. Pastikan ia mudah dan elakkan struktur mesh yang terlalu kompleks; 2. Hadkannya kepada dua lapisan apabila menggunakan jejaring bersarang; 3. Buat jurang dengan kelas mengimbangi; 4. Mengurangkan kelas yang tidak perlu untuk mengoptimumkan prestasi; 5. Mengutamakan reka bentuk peranti mudah alih; 6. Penggunaan kaedah susun atur lain seperti flexbox atau grid; 7. Pastikan penggunaan kelas baris dan kontena yang betul. Melalui amalan ini, sistem mesh bootstrap dapat digunakan dengan berkesan untuk membuat susun atur yang responsif dan indah.
Borang Bootstrap: Panduan Cepat
Jun 12, 2025 am 10:23 AM
BootstrapformsenhanceWebdesignByProvidingPre-Styled, ResponsiveFormControlStheatImproveusExperienceandConversionrates.theyareeasytouseandCustomize, ButrequireBeAlancingeAsewithuniquedesignoavoidagenericlook.
Bootstrap Navbar dengan menu hamburger untuk mudah alih
Jun 13, 2025 am 12:08 AM
TOCREATEABOOTSTRAPNAVBARWITHAHAMBURGERMENUFORMOBILE, USEBOOTSTRAP'SBUILT-InclassesandCustomizeForenHancedFunctionality.1) Use'n avbar-expand-lg'or'navbar-expand-md'forcollapse.2) customizethamburgericonwithcforbetteraesthetics.3) adddropdownsforcople
Cara Membina Bentuk Menegak Menggunakan Bootstrap: Panduan Praktikal
Jun 19, 2025 am 12:08 AM
Tobuildverticalformswithbootstrap, ikuti: 1) termasukbootstrapinyourprojectviacdnornpm.2) usebootstrap'sclasseslike'mb-3 ',' label form ', dan'form-control'tostructureyourform.3)
Cara Membuat Borang Bootstrap: Struktur dan Contoh Asas
Jun 20, 2025 am 12:11 AM
Bootstrapformsarecreatedinghtml5elementsEnhancedwithbootstrap'scclassforaresponedesign.here'showtoimplementthem: 1) kami EbasicformStructureWithClassesSike'Mb-3 ',' Form-label ', dan'Form-control'forstyling.2) forinlineForms, apply'form-inline'classtos
Bootstrap Navbar: Petua dan Trik Penting
Jun 14, 2025 am 12:10 AM
Bootstrap'snavbarisessentialforitsadaptabilityAndeaseOfuse, enhancingusExperienceAcrossdevices.tomaximizeitspotential: 1) customizeAppearanceWithColorChangesorstickyfectsusing'fixed-top'class.2)
Grid Bootstrap: Bagaimana jika saya tidak mahu menggunakan 12 lajur?
Jun 24, 2025 am 12:02 AM
YoucancustomizeBootstrap'sgridtousefewercolumnsbyadjustingsassvariables.1) set $ grid-columnStoyourdesiredNumber, like6.2) menyesuaikan $ grid-gutter-widthforspacing.ThissimplifiesLayoutbutmaycomplicateMworkflowandworkflowandworkflowandworkflowandworkflowandworkflowandworkflowandworkflowandworkflowandworkflowandworkflowandworkflowandworkflowandberworkflowandberworkflowandboWerPatetImworkflowandboWerPoToMandboWerPoToMandCheRworkflowandPoToMandCleWandParetImworkflowandPanTan
