https://www.primefaces.org/primeng/#/grid
When I do this the input label in the 2nd row overlays the bottom border of the 1st row. Sample code below:
Code: Select all
<div class="ui-g ui-fluid">
<div class="ui-g-8">
<div class="ui-g-6">
<span class="md-inputfield">
<input pInputText type="text" value="6">
<label>6</label>
</span>
</div>
<div class="ui-g-6">
<span class="md-inputfield">
<input pInputText type="text" value="6">
<label>6</label>
</span>
</div>
<div class="ui-g-12">
<span class="md-inputfield">
<input pInputText type="text" value="12">
<label>12</label>
</span>
</div>
</div>
<div class="ui-g-4">
<span class="md-inputfield">
<input pInputText type="text" value="4">
<label>4</label>
</span>
</div>
</div>
Code: Select all
<div class="ui-g ui-fluid">
<div class="ui-g-8">
<div class="ui-g form-group">
<div class="ui-g-6">
<span class="md-inputfield">
<input pInputText type="text" name="FirstName" value="6">
<label>6</label>
</span>
</div>
<div class="ui-g-6">
<span class="md-inputfield">
<input pInputText type="text" name="MiddletName" value="6">
<label for="MiddleName">6</label>
</span>
</div>
<div class="ui-g-12">
<span class="md-inputfield">
<input pInputText type="text" name="LastName" value="12">
<label for="LastName">12</label>
</span>
</div>
</div>
</div>
<div class="ui-g-4">
<span class="md-inputfield">
<input pInputText type="text" value="4">
<label>4</label>
</span>
</div>
</div>