Form Actions

  1. Home
  2. Form Layouts
  3. Form Actions
Bootstrap CardsButtons Extended

You have 6 options to display form actions. You can always add more stuff like form sections, form control borders, tooltips, icons, round form controls, square form controls.

Project Info

To add form actions on top of the form add a div with .form-actions class to begin the form. Add .top class to add border below form actions.

Personal Info

Requirements

User Profile

To add form actions on bottom of the form add a div with .form-actions class to end the form. This is the default position for form actions. We have added .right class to move buttons on the right side.

About User

Contact Info & Bio

Issue Tracking

To add form actions on top and bottom of the form add a div with .form-actions class to start and end the form.

Timesheet

To add form actions on top and bottom of the form add a div with .form-actions class to start and end the form. Add .right class to align the form action buttons to right.

$
.00

Complaint Form

Action Another action Something else here
Separated link

To add form actions on bottom of the form add a div with .form-actions class to end the form. Add .center class to align the form action buttons to center. We can also add more form action using dropdown button to the top right corner of the form.

To add form actions on bottom of the form add a div with .form-actions class to end the form. Add .center class to align the form action buttons to center. We can also search bar action of the form.

$
.00

Event Registration

To add form actions on top and bottom of the form add a div with .form-actions class to start and end the form. Add .buttons-group class along with .float-* class to pull the buttons group to either left or right.

Event Registration

To add form actions on top and bottom of the form add a div with .form-actions class to start and end the form. Add .center class to align the form action buttons to center.