简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Tutoriel d'amorçage > le corps du texte

bootstrap复选框怎么实现

(*-*)浩
Libérer： 2019-07-18 13:45:25
original
6324 人浏览过

复选框（Checkbox）

bootstrap复选框怎么实现

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

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

复选框，可以设置

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

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

实例


    




    

    
#内联


    
    
    
Copier après la connexion

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

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

Étiquettes associées：
bootstrap
source：php.cn
Article précédent：bootstrap如何读 Article suivant：bootstrap字体颜色怎么改
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Étapes pour installer jQuery dans Nuxt.js Bien que j'essaie d'ajouter jQuery dans mon projet, j'obtiens une erreur indiquant qu'il n...
Depuis 2023-11-06 16:41:50
0
1
225
Laravel 9 ne trouve toujours pas App.css et App.js, même après avoir exécuté npm run dev Étant relativement nouveau sur Laravel, je me suis assuré d'avoir effectivement consulté l...
Depuis 2023-10-26 23:41:22
0
1
489
Personnaliser les points d'arrêt du système de grille de Bootstrap 4 J'ai une application dont la conception nécessite 1280 points d'arrêt du bureau à la table...
Depuis 2023-10-18 23:01:50
0
2
197
如何使头部的图片、文字和按钮具有响应式 我正在使用Bootstrap5制作一个网站。在网站的标题中，我使用Bootstrap中的轮播作为我的标题。轮播图像还允许显示文本和按钮。我希望图像、文本和按钮具有响应能力。我尝试使...
Depuis 2023-09-17 09:51:15
0
1
283
为何我的Bootstrap导航栏无法正确呈现？ 我正在尝试使用Bootstrap4制作一个导航栏，但我的代码似乎不起作用。我的代码几乎与教程完全一致，只对nav-brand进行了一些更改。我做错了什么？这是它的样子。<na...
Depuis 2023-09-16 16:14:06
0
1
522
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！