Gambaran keseluruhan Bootstrap
Bootstrap ialah rangka kerja bahagian hadapan yang membantu anda mereka bentuk antara muka web dengan komponen siap sedia dan CSS JavaScript untuk elemen biasa seperti navigasi, borang dan butang. Ia juga mempunyai sistem susun atur grid responsif yang menyesuaikan tapak anda untuk peranti dengan saiz skrin yang berbeza, seperti telefon dan tablet. Menggunakan sistem susun atur Bootstrap, anda boleh mencipta satu tapak yang kelihatan bagus pada mana-mana peranti yang mungkin digunakan oleh pelanggan anda.
Power Pages templat menggunakan komponen Bootstrap standard dengan gaya tersuai yang minimum. Dengan menggunakan templat ini, anda boleh menukar tema (fon, warna dan sebagainya) dengan mudah agar sepadan dengan jenama dan keutamaan anda secara konsisten di seluruh laman web anda.
Power Pages menyokong versi Bootstrap 3.3.6 dan versi Bootstrap 5. Versi 5 Bootstrap menawarkan ciri pengalaman pengguna (UX) yang dipertingkatkan dan komponen baharu seperti akordion, offcanvas dan sokongan RTL.
Untuk tapak baharu Power Pages , anda perlu menyediakan Bootstrap versi 5 dalam persekitaran anda. Anda juga boleh memindahkan laman web versi 3 Bootstrap anda yang sedia ada ke versi 5.
Untuk menyesuaikan Bootstrap, anda mengubah nilai pemboleh ubah kemudian memuat turun versi Bootstrap yang disusun dengan nilai tersuai anda.
Kuasa pemboleh ubah Bootstrap ialah mereka menentukan semua gaya dalam rangka kerja, bukan hanya satu elemen. Contohnya, pemboleh ubah @font-size-base
menentukan saiz teks lalai pada laman anda—teks isi, tajuk dan semua unsur teks lain. Tajuk H1 mungkin ditakrifkan sebagai 300 peratus daripada @font-size-base
. Dengan menetapkan satu pembolehubah ini, anda mengawal keseluruhan skala tipografi laman web anda dengan cara yang konsisten.
Anda boleh mencipta versi tersuai Bootstrap melalui laman rasmi Bootstrap atau menggunakan laman web pihak ketiga yang mungkin menawarkan antara muka yang lebih mudah atau tema yang telah direka bentuk. Laman penyesuai Bootstrap rasmi mempunyai lebih banyak maklumat mengenai penyesuaian Bootstrap.
Apabila anda memuat turun versi Bootstrap tersuai, ia mengandungi struktur direktori berikut:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
Bergantung pada aplikasi penyesuai yang anda gunakan, struktur direktori mungkin hanya mengandungi bootstrap.min.css
. Ia adalah fail yang mengandungi penyesuaian anda. Fail lain adalah sama untuk semua versi tersuai Bootstrap dan sudah termasuk dalam laman web anda.