Row Reparator Forms

Add .row-separator to form tag to add border bottom to a form-group. In our example .form-horizontal is used to show the row separator functionality. You can always add more stuff like form sections, form control borders, tooltips, icons, round form controls, square form controls.

Project Info

Add .row-separator to form tag to add border bottom to a form-group. In this example .form-horizontal is used to show the row separator functionality.

Personal Info

First Name

Last Name

E-mail

Contact Number

Requirements

Company

Interested in

Budget

Select File

About Project

User Profile

Add .row-separator to form tag to add border bottom to a form-group. In this example 2-column .form-horizontal is used with primary color bordered form controls to show the row separator functionality.

About User

Fist Name

Last Name

Username

Nick Name

Contact Info & Bio

Website

Contact Number

Bio

Timesheet

Add .row-separator to form tag to add border bottom to a form-group. In this example icons are used with form controls to show the row separator functionality.

Employee Name

Project Name

Date

Rate Per Hour

.00

Start Time

End Time

Notes

Event Registration

Add .row-separator to form tag to add border bottom to a form-group. In this example centered card is used to show the row separator functionality.

Full Name

Title

Company

Contact Number

Existing Customer

Yes