Rumah  >  Artikel  >  hujung hadapan web  >  Apakah alat pembangunan yang ada pada bootstrap?

Apakah alat pembangunan yang ada pada bootstrap?

青灯夜游
青灯夜游asal
2021-10-29 11:51:034747semak imbas

alat pembangunan bootstrap; 2. Bootply; 4. Bootstrap Magic;

Apakah alat pembangunan yang ada pada bootstrap?

Persekitaran pengendalian tutorial ini: sistem Windows 7, bootsrap versi 3.3.7, komputer DELL G3

Bootstrap ialah pereka bentuk Syarikat Twitter Amerika Mark Otto Bekerjasama dengan Jacob Thornton untuk membangunkan rangka kerja pembangunan bahagian hadapan yang mudah, intuitif dan berkuasa berdasarkan HTML, CSS dan JavaScript, menjadikan pembangunan Web lebih pantas. Bootstrap menyediakan spesifikasi HTML dan CSS yang elegan, yang ditulis dalam bahasa CSS dinamik Less.

Bootstrap telah menjadi sangat popular sejak dilancarkan dan telah menjadi projek sumber terbuka yang popular di GitHub, termasuk Berita Terkini MSNBC (Microsoft National Broadcasting Company) NASA. Beberapa rangka kerja yang biasa kepada pembangun mudah alih domestik, seperti rangka kerja sumber terbuka bahagian hadapan hadapan WeX5, juga dioptimumkan prestasi berdasarkan kod sumber Bootstrap.

alat pembangunan bootstrap:

1 Jetstrap

Jetstrap adalah berasaskan web sepenuhnya , alat bina antara muka untuk Twitter Bootstrap, dibina untuk pembangun, pereka bentuk dan. Jetstrap membantu anda mencipta tapak web yang cantik dengan cepat dan dengan sedikit usaha.

2. Bootply

Bootply membolehkan anda nyahpepijat Bootstrap dengan mudah. Edit CSS, HTML dan JavaScript. Anda boleh menggunakan Bootply untuk mereka bentuk, membuat prototaip, melanjutkan atau menguji rangka kerja Bootstrap. Bootply disepadukan dengan pemalam Bootstrap popular lain, perpustakaan mikro dan rangka kerja.

3. DivShot

Divshot ialah editor bahagian hadapan berasaskan drag-and-drop yang membolehkan anda menggunakan Twitter Bootstrap (sudah tentu Foundation juga boleh digunakan ) untuk membina tapak web responsif pengekodan Do-it-yourself ialah operasi drag-and-drop yang mudah.

4. Bootstrap Magic

Penjana tema Bootstrap Magic dibina pada Twitter Bootstrap 3 dan AngularJS. Anda boleh mencipta tema Twitter Bootstarp anda sendiri dengan cepat dan mudah. Anda boleh melihat dengan serta-merta perkara yang anda ubah dan anda boleh menambah fon web yang cantik daripada Google Webfont.

5. Layoutit

LayoutIt ialah penjana antara muka Twitter Bootstrap yang boleh membantu anda membuat tapak web dan model antara muka dengan cepat, dan juga boleh memuat turun kod tapak web yang dijana. Cipta tapak web Twitter Bootstrap yang cantik dengan hanya beberapa operasi drag-and-drop. Semua reka bentuk boleh menjadi CSS dan cecair responsif, dan boleh disepadukan dengan mudah dengan mana-mana bahasa pengaturcaraan Anda hanya perlu memuat turun HTML untuk memulakan pengekodan reka bentuk.

6. Pustaka ini membolehkan anda mencipta elemen boleh diedit pada halaman web anda. Ia termasuk mod pop timbul dan sebaris. Ia menyokong elemen input termasuk teks, kawasan teks, senarai juntai bawah, tarikh, tarikh dan senarai semak. Ia menyokong pengesahan sisi klien dan sisi pelayan. Selain itu, kedudukan bekas boleh disesuaikan sepenuhnya dan pengguna boleh bertukar secara automatik atau manual dengan satu klik atau klik dua kali.

7. Grid Displayer

Grid Displayer ialah alat penanda halaman yang boleh digunakan untuk memaparkan Twitter Bootstrap (grid tetap dan cecair) dan Foundation (2.0 dan 3.0) Grid . Ia menyokong pelayar berasaskan Firefox dan WebKit.

8 GetkickStrap

Kickstrap menggabungkan Bootstrap dengan sempurna dan menggunakan teknologi web terkemuka. Ia boleh menjalankan aplikasi web berasaskan pangkalan data yang terbukti tanpa memerlukan bahagian belakang asli. Kickstrap digabungkan dengan JSPM.io menyediakan kebergantungan untuk pakej bahagian hadapan yang berkuasa yang dibina pada Require.js. Aplikasi Kickstrap ialah koleksi sumber statik yang boleh dijalankan pada bila-bila masa semasa kitaran hayat aplikasi web.

9. Font Awesome

Font Awesome ialah satu set perpustakaan fon ikon yang direka khas untuk Twitter Boostrap. Set fon ikon ini merangkumi hampir semua ikon yang mungkin digunakan dalam halaman web Selain ikon lalai Twitter Boostrap, terdapat juga ikon rangkaian sosial, ikon aplikasi web, ikon editor, dll., dan boleh digunakan secara percuma dalam. projek komersial.

10. Penjana Butang Bootstrap

Ini adalah alat penjanaan butang Twitter Bootstrap yang sangat berguna Anda hanya perlu memasukkan gaya butang baharu yang ingin anda tetapkan warna butang yang berbeza, kemas kini boleh dipratonton serta-merta.

11. Easel

Easel ialah alat reka bentuk Twitter Bootstrap yang membolehkan anda memautkan elemen tertentu dalam dokumen ke aplikasi prototaip fail lain dalam proses. Anda juga boleh meminta pengguna anda lulus ujian supaya anda mendapat maklum balas awal.

12. Fancyboot

Fancyboot ialah alat penyesuaian Twitter Bootstrap yang ringkas tetapi berkuasa dengan jumlah kawalan yang betul dan membuang semua kerumitan yang tidak perlu.

13. Pereka Bootstrap

Bootstrap Designer ialah alat reka bentuk dalam talian yang boleh mencipta templat HTML5 yang cantik berdasarkan Twitter Bootstrap. Gaya reka bentuk yang berbeza boleh dibuat: minimalis, hitam dan putih, dipacu tipografi, rupa monokrom, bersih dan kreatif, dsb.

14. Bootsnipp

Bootsnipp ialah galeri elemen yang direka untuk pereka web dan pembangun web akan mendapati ia amat diperlukan dalam kerja mereka .

15. PaintStrap

Paintstrap membolehkan anda menjana dan menggunakan tema Twitter Bootstrap yang cantik, menggunakan padanan warna Adobe Kuler atau COLOURlovers.

Kajian yang disyorkan: "tutorial penggunaan bootstrap"

Atas ialah kandungan terperinci Apakah alat pembangunan yang ada pada bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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