Product Delivery
Targeted Sales
Collicitudin vel metus scelerisque ante commodo.
In Progress25% Completed
Pcelerisque ulla vel metus ante sollicitudin commodo.
Open 22 January, 16
Tuaiulla vel metus scelerisque ante sollicitudin commodo.
On hold 24 January, 16
Hidden Label Form Layout
Just add .sr-only class to a label to hide. Assistive technologies such as screen readers will have trouble with your forms if you don’t include a label for every input. For these inline forms, you can hide the labels using the .sr-only class. There are further alternative methods of providing a label for assistive technologies, such as the aria-label, aria-labelledby or title attribute. If none of these are present, assistive technologies may resort to using the placeholder attribute, if present, but note that use of placeholder as a replacement for other labelling methods is not advised. You can always add more stuff like form sections, form control borders, tooltips, icons, round form controls, square form controls.
Just add .sr-only
class to a label to hide. This example shows a way to center your form in the card. Here we have used col-md-6 offset-md-3
classes to center the form in a full width card. User can always change those classes according to width and offset requirements. This example also uses form action buttons in the center bottom position of the card.
Just add .sr-only
class to a label to hide. This example shows a ways to center your card with form. Here we have used col-md-6 offset-md-3
classes to center the card as its not full width. User can always change those classes according to width and offset requirements. This example also uses form action buttons in the center bottom position of the card.