ブートストラップチェックボックスの実装方法

チェックボックス

フォームの作成時に、ユーザーがリストから複数のオプションを選択できるようにする場合は、チェックボックスを使用します。 (推奨学習: Bootstrap ビデオ チュートリアル )

一連のチェックボックスに .checkbox-inline を使用して、それらが同じ行に表示されるように制御します。

チェック ボックス。

を親要素として設定できます。クラスは .custom-control および .custom-checkbox です。チェックボックスは、

チェック ボックスのテキストはラベル label を使用し、ラベルは .custom-control-label クラスを使用します。ラベルの for 属性の値はチェックの ID と一致する必要があります。箱。

Example

    选项 1


    选项 2
    
#内联

    
         选项 1    
    
         选项 2    
    
         选项 3    
Bootstrap に関連する技術的な記事については、Bootstrap チュートリアル 列にアクセスして学習してください。 
以上がブートストラップチェックボックスの実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
                

関連ラベル：

bootstrap

ソース：php.cn

前の記事：ブートストラップ の発音の仕方 次の記事：ブートストラップのフォントの色を変更する方法

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• win10 1809は安定していますか？
  2020-01-15 11:18:13
• Win10 は .Net Framework 3.5 sp1 をインストールします
  2020-01-15 10:58:09
• win10で外部ネットワークに接続する方法
  2020-01-15 10:34:39
• win10を1909にアップデートするのにどれくらい時間がかかりますか？
  2020-01-15 10:16:56
• win10のアップデートにどれくらい時間がかかりますか
  2020-09-14 10:58:08
• win10のゲームクラッシュを修正する方法
  2020-01-15 09:58:52
• win10 Bluetooth ヘッドセットのマイクが機能しない
  2020-01-15 09:36:25
• win10にウイルス対策ソフトをインストールする必要はありますか？
  2020-01-15 09:28:34
• 期限切れのwin10ライセンスをアクティベートする方法
  2020-01-15 09:22:01
• win10のリセットでキーボードレイアウトがスタックする問題の解決策
  2020-01-15 09:09:20

最新の問題

ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...

から 2024-04-06 21:58:04

0

1

800

CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...

から 2024-04-06 20:22:15

0

1

454

CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...

から 2024-04-06 12:53:11

0

1

376

Web ページのサイズを変更するとブートストラップ スイッチが正しく動作しない これはコードです: <navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"clas...

から 2024-04-05 08:45:39

0

1

3443

Laravel のブートストラップ モードで AWS PDF ファイルを表示する https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/6557122022151745398XtquBSY.pdf のよ...

から 2024-04-04 22:16:18

0

1

1450

関連トピック

詳細>

• プリンターがオフラインのときに通常の印刷を復元する方法
• C言語とPythonではどちらが難しいですか?
• php5とphp7の違いは何ですか
• pycharm が Python ファイルを実行する方法
• QQ アカウントが盗まれた場合はどうすればよいですか?
• Window.setInterval()方法
• サーバーネットワークカードの役割
• HTMLファイルをPDFファイルに変換する方法