Bootstrap has several benefits that we are using here.
First, it offers a column layout system. This allows us to align text on the page, and keep it organized. In many applications, developers has to use tables to do this effectively. Bootstrap allows us to use the same table alignments, but without having a lot of table html elements (like <tr>
and <td>
) cluttering up the page.
Even better, the column layouts can be used to specify a different layout on different screen sizes, but all in a single page. This allows developers to create both laptop and mobile pages in one place. (We will demonstrate this in a later tutorial.)
Check out an overview of the Bootstrap Grid System here
Second, Bootstrap offers a clean form design. Each form element is clearly defined in the HTML, and Bootstrap will take care of alignment, fonts, and all the design elements to make it look professional. Here is an example of a Horizontal Form.
Bootstrap documentation on Forms
There are a lot of additional capabilities, like dialog boxes, alerts, and other elements that can also be used to make your page. Check out the Bootstrap CSS, Bootstrap Components, and Bootstrap JavaScript pages for more details.