search

Komposer memerlukan ikon bootstrap twbs

Ngày đăng: 21/01/2023
Trả lời: 0
Lượt xem: 42

Aset Ikon Bootstrap

Bundel Aset Yii3 untuk Ikon Bootstrap

Show

Instalasi

Paket dapat diinstal melalui komposer

composer require yiirocks/yii-bootstrap-icons

Penggunaan

use YiiRocks\Yii\Bootstrap\Icons\Assets\BootstrapIconsAsset;

$assetManager->register([
    BootstrapIconsAsset::class,
]);
_

Pengujian unit

Paket diuji dengan PHPUnit. Untuk menjalankan tes

./vendor/bin/phpunit

Ini adalah ekstensi Twitter Bootstrap untuk Yii framework 2. 0. Ini merangkum komponen dan plugin Bootstrap 5 dalam bentuk widget Yii, dan dengan demikian membuat penggunaan komponen/plugin Bootstrap dalam aplikasi Yii menjadi sangat mudah

Untuk informasi lisensi, periksa file LICENSE

Dokumentasi ada di docs/guide/README. md

Instalasi

Cara yang disukai untuk menginstal ekstensi ini adalah melalui composer

Entah lari

php composer.phar require --prefer-dist yiisoft/yii2-bootstrap5

atau tambahkan

"yiisoft/yii2-bootstrap5": "*"
_

ke bagian wajib dari file composer.json Anda

Terjemahan

Konfigurasi i18n akan secara otomatis ditambahkan ke konfigurasi aplikasi Anda melalui proses bootstrap

Penggunaan

Misalnya, satu baris kode berikut dalam file tampilan akan merender plugin Bootstrap Progress

Lapisan abstraksi tujuan umum untuk skrip web disediakan oleh pustaka jQuery dan cocok untuk pemrograman web. Karena sifatnya yang dapat diperpanjang, Anda dapat dengan cepat mengakses elemen DOM tanpa menulis banyak JavaScript biasa. jQuery telah menjadi bagian dari Bootstrap untuk sementara waktu, tetapi telah membengkak. Tim Bootstrap memilih untuk menghapus dukungan untuk jQuery karena sebagian besar fungsinya didukung oleh browser modern kontemporer. Karena Google telah mulai menggunakan kecepatan halaman sebagai faktor peringkat untuk aplikasi web seluler dan desktop, hal ini menyebabkan penghematan JavaScript yang diperkecil sebesar 85 KB, yang patut diperhatikan

Selain itu, Bootstrap 5 telah menghentikan dukungan untuk versi lama dari browser web berikut

  • Warisan Microsoft Edge
  • Microsoft Internet Explorer 10 dan 11
  • Mozilla firefox < 60
  • Apple Safari <10
  • Apple iOS Safari <10
  • Google Chrome < 60
  • Peramban Android Asli <6

2. Pustaka baru ikon SVG

Pustaka ikon SVG baru telah dirilis dengan Bootstrap 5. Mark Otto, salah satu pendiri kerangka kerja Bootstrap, menciptakannya. Pada November 2021, versi terbaru 1. 7. 0 dirilis, menjadikan jumlah ikon total perpustakaan menjadi 1.500. Sejak rilis aslinya, itu telah mengalami salah satu perubahan terbesar

Di proyek Anda, gunakan perintah berikut untuk menginstal atau memperbarui menggunakan

npm install bootstrap-icons

Di proyek Anda, jalankan perintah berikut untuk menginstal atau memperbarui menggunakan komposer

composer require twbs/bootstrap-icons
_

Untuk melihat seluruh pustaka ikon, buka situs web berikut

Ikon Bootstrap

Pustaka ikon SVG open source resmi untuk Bootstrap

ikon. getbootstrap. com

3. Komponen placeholder baru

Ada komponen Placeholder baru yang tersedia di Bootstrap 5. Ini memungkinkan Anda menampilkan layar pemuatan sementara saat aplikasi web Anda menunggu konten sisi server. Ini akan meningkatkan keseluruhan pengalaman aplikasi web Anda dengan mempermudah pengguna akhir untuk memahami apa yang masih dimuat di latar belakang. Placeholder ini dibuat secara eksklusif dengan HTML dan CSS, sehingga memulainya tidak memerlukan JavaScript

4. Komponen Offcanvas

Komponen Offcanvas yang diperbarui telah dirilis dengan Bootstrap 5. Anda dapat mendesain sidebar yang muncul di atas. Agar menu muncul di perangkat layar kecil, sidebar digunakan di aplikasi web. Itu dapat ditempatkan di sisi manapun dengan menggunakan kelas offcanvas-start untuk kiri, offcanvas-top untuk atas, offcanvas-end untuk kanan, dan offcanvas-bottom untuk bawah

5. Pembantu Tumpukan Baru

Pembantu Stack baru telah dirilis dengan Bootstrap 5. Utilitas flex-box dibangun di atas utilitas steno ini untuk mempercepat dan menyederhanakan konstruksi komponen. Ada dua jenis Stack

Tumpukan Vertikal

Kelas vstack dapat digunakan untuk mengatur objek secara vertikal. Konten tumpukan vertikal akan mengisi seluruh lebar elemen induk


  
First item

  
Second item

  
Third item

Tumpukan Horisontal

Kelas hstack dapat digunakan untuk mengatur objek secara horizontal. Tumpukan barang secara horizontal hanya akan mengisi area yang diperlukan untuk menampung isi bagian dalam dari setiap barang


  
First item

  
Second item

  
Third item

_

6. Label Mengambang Baru

A new floating label element has been added to the Forms component in Bootstrap 5. It enables you to design an input field with a label that mimics a placeholder; however, when the input receives focus, the label will float above the value at the top of the input field. Additionally, it operates on the