简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > Tutorial Bootstrap > teks badan

bootstrap复选框怎么实现

(*-*)浩
Lepaskan： 2019-07-18 13:45:25
asal
6325 人浏览过

复选框（Checkbox）

bootstrap复选框怎么实现

当创建表单时，如果您想让用户从列表中选择若干个选项时，请使用checkbox。（推荐学习：Bootstrap视频教程）

对一系列复选框使用 .checkbox-inline ，控制它们显示在同一行上。

复选框，可以设置

为父元素，类为 .custom-control 和 .custom-checkbox，复选框作为子元素放在该
里头，然后复选框设置为 type="checkbox"，类为 .custom-control-input。

复选框的文本使用 label 标签，标签使用 .custom-control-label 类，label 的 for 属性值需要匹配复选框的 id。

实例


    




    

    
#内联


    
    
    
Salin selepas log masuk

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

以上是bootstrap复选框怎么实现的详细内容。更多信息请关注PHP中文网其他相关文章！

Label berkaitan：
bootstrap
sumber：php.cn
Artikel sebelumnya：bootstrap如何读 Artikel seterusnya：bootstrap字体颜色怎么改
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Isu terkini
Langkah-langkah untuk memasang jQuery dalam Nuxt.js Walaupun saya cuba menambah jQuery dalam projek saya, saya mendapat ralat mengatakan ia ti...
daripada 2023-11-06 16:41:50
0
1
225
Laravel 9 masih tidak dapat mencari App.css dan App.js, walaupun selepas menjalankan npm run dev Memandangkan agak baru kepada Laravel, saya memastikan saya benar-benar melihat dokumentas...
daripada 2023-10-26 23:41:22
0
1
489
Sesuaikan titik putus sistem grid Bootstrap 4 Saya mempunyai aplikasi di mana reka bentuk memerlukan 1280 titik putus dari desktop ke ta...
daripada 2023-10-18 23:01:50
0
2
197
Cara menjadikan imej pengepala, teks dan butang responsif Saya sedang membuat laman web menggunakan Bootstrap5. Dalam pengepala tapak web saya mengg...
daripada 2023-09-17 09:51:15
0
1
283
Mengapa bar navigasi Bootstrap saya tidak dipaparkan dengan betul? Saya cuba membuat bar navigasi menggunakan Bootstrap4 tetapi kod saya nampaknya tidak berf...
daripada 2023-09-16 16:14:06
0
1
522
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！