How to center bootstrap form

Bootstrap can create different styles of forms through some simple HTML tags and extended classes.

Bootstrap provides a variety of form layouts, but the most commonly used one is the centered form, also called a horizontal form.

Horizontal forms differ from other forms not only in the number of tags, but also in the form presentation. (Recommended learning: Bootstrap video tutorial)

If you need to create a horizontal layout form, please follow the following steps:

Add class .form-horizontal to the parent

element.

Put labels and controls in a

with class .form-group.

Add class .control-label to the label.

Example:

nbsp;html>


	<meta> 
	<title>Bootstrap 实例 - 水平表单</title>
	<link>  
	<script></script>
	<script></script>

名字

姓

 请记住我

登录

For more technical articles related to Bootstrap, please visit the Bootstrap Tutorial column to learn!

The above is the detailed content of How to center bootstrap form. For more information, please follow other related articles on the PHP Chinese website!