ラベルタグとコントロールグループは、フォームに.Form-Horizontalクラスを追加し、Bootstrapのプリセットラスタークラスを使用することにより、水平方向に並んで並べることができます。そうすることで、ラスターシステムの行として動作する.form-groupの動作が変更されるため、.rowを追加する必要はありません。
水平形式は、他の形式と量が異なるだけでなく、異なるプレゼンテーション形式でも異なります。水平にレイアウトされたフォームを作成するには、次の手順に従ってください。
1. class .form-horizontalを親<フォーム>要素に追加します。
2。クラス.Form-Groupを使用して、タグとコントロールを<div>に配置します。
3.ラベルにクラス.Control-Labelを追加します。
実装コード:
<form role = "form"> <div> <label for = "inputemail3"> email </label> <div> <input type = "email" inputemail3 "placeholder =" email "> </div> </div> <div> <label for =" inputpassword3 ">パスワード</ラベル> <div> <入力> <div> <div> <label> <入力タイプ= "チェックボックス">私を覚えてください</label> </div> </div> </div> <div> <div> <button = "submit"> sight in </button> </div> </div> </form>
まだ詳細に勉強したい場合は、ここをクリックして素晴らしいトピックを学び、添付してください:Bootstrap Learningチュートリアル
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。