Gunakan Bootstrap dengan pantas untuk membina kemahiran conveyor belt_javascript

Pengenalan kepada bootstrap

Bootstrap ialah rangka kerja yang digunakan secara meluas dalam pembangunan bahagian hadapan Ia pertama kali digunakan sebagai alat dalaman di Twitter Selepas menjadi sumber terbuka, ia dengan cepat mendapat pengiktirafan daripada semua pihak. Buku ini ditulis berdasarkan Bootstrap 3 terkini. Selepas pengenalan ringkas kepada pemasangan dan konfigurasi, ia terus ke topik dan membincangkan tapak kerja peribadi yang paling mewakili, tema WordPress, tapak web korporat, tapak web e-dagang dan halaman tunggal laman web pemasaran kes aplikasi, digabungkan dengan kes ini, kaedah dan teknik penggunaan Bootstrap dan LESS dianalisis secara terperinci.

Setelah bercakap banyak, semuanya di luar topik Mari kita lihat kod tali but untuk membina tali pinggang penghantar.

Penunjuk kemajuan

<div id="homepage-feature" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#homepage-feature" data-slide-to="0" class="active"></li>
<li data-target="#homepage-feature" data-slide-to="1" ></li>
<li data-target="#homepage-feature" data-slide-to="2" ></li>
<li data-target="#homepage-feature" data-slide-to="3" ></li>
</ol>

Atribut sasaran data penunjuk kemajuan mesti menggunakan pemalam halaman utama ID-featureJS bagi tali sawat untuk menambah kelas aktif pada tali sawat.

<div class="carousel-inner">
<div class="item active">
<img >
</div>
<div class="item ">
<img >
</div>
...
</div>

Kemudian terdapat butang untuk memaparkan

<a class="left carousel-control" href="#homepage-feature" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#homepage-feature" data-slide="next">
<span class="glyphicon glyphicon-chevron-left"></span>
</a></div>

Itu sahaja. Kandungan di atas adalah pengetahuan tentang membina tali pinggang penghantar dengan Bootstrap yang diperkenalkan oleh editor Saya harap ia akan membantu anda. Saya juga ingin mengucapkan ribuan terima kasih atas sokongan anda terhadap laman web Script House.