Bootstrapでフォームを作成する3つのフォーマットを詳しく解説(1)_javascriptスキル

WBOY
リリース: 2016-05-16 15:22:03
オリジナル
1398 人が閲覧しました

この章では、Bootstrap を使用してフォームを作成する方法を学びます。 Bootstrap では、いくつかの単純な HTML タグと拡張クラスを通じて、さまざまなスタイルのフォームを作成できます。

ブートストラップのフォーム タイプは、縦型または基本フォーム、インライン フォーム、および横型フォームの 3 つの形式に分類されます。

垂直形式または基本形式 (display:block;)

基本的なフォーム構造はブートストラップに付属しており、個々のフォーム コントロールはいくつかのグローバル スタイルを自動的に受け取ります。基本的なフォームを作成する手順を以下に示します:

親の

に role="form" を追加します。

ラベルとコントロールをクラス .form-group の

に配置します。これは最適な間隔を得るために必要です。

クラス .form-control をすべてのテキスト要素