Form Actions

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

Project Info

To add form actions on top of the form add a div with .form-actions class to begin the form. Add .topclass 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 .rightclass 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-actionsclass to start and end the form.

Timesheet

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

$
.00

Complaint Form

ActionAnother actionSomething 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 .centerclass 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 .centerclass 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-actionsclass to start and end the form. Add .buttons-groupclass 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-actionsclass to start and end the form. Add .centerclass to align the form action buttons to center.