Apakah jenis rangka kerja bootstrap?

Bootstrap ialah rangka kerja pembangunan bahagian hadapan yang mudah, intuitif dan berkuasa berdasarkan HTML, CSS dan JavaScript Ia adalah satu set kit alat hadapan yang direka untuk pembangunan pantas aplikasi web , dan menegaskan keutamaan peranti mudah alih selepas versi V3.

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

1. Penerapan persekitaran Bootstarp

1> Apakah rangka kerja Bootstartp

Bootstrap dibuka Twitter. sumber berdasarkan HTML dan CSS , rangka kerja bahagian hadapan 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.

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.

Seperti yang ditunjukkan dalam gambar di bawah, laman web rasmi adalah seperti berikut:

Alamat rasmi: https://getbootstrap.com

Alamat bahasa Cina: http://www.bootcss.com/

2>. Mengapa menggunakan Bootstrap

在Bootstrap出现之前：

　　命名：重复、复杂、无意义（想个名字费劲）

　　样式：重复、冗余、不规范、不和谐

　　页面：错乱、不规范、不和谐

在使用Bootstrap之后： 各种命名都统一并且规范化。 页面风格统一，画面和谐。

3>.Muat turun Bootstartp

Klik "Muat Turun Bootstartp".

Pilih Bootstrap untuk persekitaran pengeluaran dimuat turun.

3>.Pembinaan persekitaran Bootstrap

Struktur direktori adalah seperti berikut:

bootstrap-3.3.7-dist/├── css  // CSS文件│   ├── bootstrap-theme.css  // Bootstrap主题样式文件│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css  // 主题相关样式压缩文件│   ├── bootstrap-theme.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css  // 核心CSS样式压缩文件│   └── bootstrap.min.css.map
├── fonts  // 字体文件│   ├── glyphicons-halflings-regular.eot
│   ├── glyphicons-halflings-regular.svg
│   ├── glyphicons-halflings-regular.ttf
│   ├── glyphicons-halflings-regular.woff
│   └── glyphicons-halflings-regular.woff2
└── js  // JS文件    ├── bootstrap.js
    ├── bootstrap.min.js  // 核心JS压缩文件
    └── npm.js

Kebergantungan pemprosesan:

Memandangkan beberapa komponen Bootstrap bergantung pada jQuery , jadi sila pastikan anda memuat turun versi fail jQuery yang sepadan untuk memastikan komponen berkaitan Bootstrap berjalan dengan normal.

2. Mula pantas menggunakan Bootstrap

1>. Lihat dokumentasi di halaman utama

Pembelajaran yang disyorkan: "tutorial penggunaan bootstrap"

Atas ialah kandungan terperinci Apakah jenis rangka kerja bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!