Using Form Layouts
If you need to use a form in a gadget, you can use the form-horizontal class to style the form controls.
Note: Tooltips can be specified using the data-hint attribute, and the orientation can be controlled using hint--top, hint--bottom, hint--left, and hint--right classes.
A typical example of a form is shown below:
<form class="form-horizontal">
<div class="control-group">
<label class="control-label hint--top" data-hint="Tooltip Message1"
for="">Control-1</label>
<div class="controls">
<<Add the form control>>
</div>
</div>
<div class="control-group">
<label class="control-label hint--top" data-hint="Tooltip Message2"
for="">Control-2</label>
<div class="controls">
<<Add the form control>>
</div>
</div>
</form>