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)
Panduan Terbaik untuk Membuat Bentuk Asas dan Menegak dengan Bootstrap
Jul 12, 2025 am 12:30 AM
Kelebihan mewujudkan borang dengan bootstrap adalah bahawa ia menyediakan reka bentuk yang konsisten dan responsif, menjimatkan masa, dan memastikan keserasian silang peranti. 1) Bentuk asas adalah mudah digunakan, seperti kelas kawalan dan kelas BTN. 2) Bentuk menegak mencapai susun atur yang lebih berstruktur melalui kelas grid (seperti COL-SM-2 dan COL-SM-10).
Borang Bootstrap: Kesalahan Biasa
Jul 14, 2025 am 12:28 AM
Bootstrapformscanleadtoerrorslikemisusingthegridsystem, improperformcontrols, validationissues, mengabaikanCustomcss, aksesibiliti, danperformance.toavoidThese: 1) usecolumnclasslikecol-sm-orcol-md-foresponsif;
Sistem Grid Bootstrap: Panduan Pemula
Jul 09, 2025 am 01:04 AM
Bootstrap'sgridsystemisessfationcreatingressive, modernwebsites.1) itusesa12-columnlayoutorflexiblecontentdisplay.2) columnsaredefinedwithinrowsinsIdeAcontainer, withwidthslikecol-6forhalfelfelfelshieverve.3)
Borang Bootstrap: Templat Terbaik untuk Menang Pantas
Jul 07, 2025 am 01:36 AM
Bootstrapformtemplateidealforquickwinsduetotheirsimplicity, fleksibiliti, andeaseofcustomization.1) UseAcleanLayOutWithBootstrap'sForm-Greupandform-Controlgasses FororganizedandconsistentSistenStyling.2)
Sistem Grid Bootstrap: Panduan Komprehensif untuk Tata Letak Responsif
Jul 12, 2025 am 01:23 AM
Bootstrap'sgridsystemhelpsinbuildingressivelayoutoutsbyofferflexabilityandeaseofuse.1) itAllowsquickcreationofadaptabelayoutSacrossdevices.2)
Apa yang anda perlu tahu mengenai sistem grid bootstrap
Jul 13, 2025 am 01:26 AM
BootstrapgridsystemisapowultoolforcreatingResponsive, mobile-firstlayouts.1) iTusesa12-columngridwithclasslike'row'and'col 'ForstructuringContent.2) breakpointslike'col-sm-6'or'col-md-4'allowlayoutstoadapttodifferentscreensizes.3) nestinggridsandusin
Bagaimana cara memasang dan menggunakan perpustakaan ikon bootstrap?
Jul 27, 2025 am 01:25 AM
Terdapat tiga cara untuk memasang dan menggunakan bootstrapicons: 1. Gunakan CDN dan tambahkan pautan ke kepala HTML; 2. Pasang melalui npm, sesuai untuk projek moden seperti React dan Vue. Anda perlu menjalankan npminstallbootstrap-icon dan import CSS; 3. Muat turun secara manual fail SVG atau font dan mengimportnya. Apabila menggunakannya, anda boleh menambah kelas nama BI dan ikon (seperti Bi-Heart) untuk memasukkan ikon. Anda juga boleh menggunakan elemen sebaris lain seperti SPAN. Adalah disyorkan untuk menggunakan fail SVG untuk keupayaan prestasi dan penyesuaian yang lebih baik. Anda boleh menyesuaikan saiz melalui BI-LG, BI-2X dan kelas lain, dan menggunakan teks bootstrap seperti teks-danger.
Cara Membuat Bar Navigasi di Bootstrap: Panduan Komprehensif
Jul 08, 2025 am 12:29 AM
Langkah -langkah untuk membuat bar navigasi menggunakan bootstrap termasuk: 1. Buat bar navigasi awal menggunakan komponen Navbar asas. 2. Sesuaikan gaya melalui kelas utiliti Bootstrap dan CSS tersuai. 3. Pastikan bar navigasi responsif pada peranti yang berbeza. 4. Tambah ciri-ciri canggih ke menu pull-down dan bar carian. 5. Menguji dan mengoptimumkan prestasi dan pengalaman pengguna bar navigasi. Dengan langkah -langkah ini, anda boleh membuat bar navigasi yang kuat dan indah dengan bootstrap.
