I need small white space between two text boxes.
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" />
<div class="row col-lg-12 col-sm-12">
<div class="input-group col-md-8">
<span class="control-label">Product Name*</span>
<input type="text" class="form-control" placeholder="Product Name" id="productname" required>
</div>
<div class="input-group col-md-4" style=>
<span class="control-label">Short Name*</span>
<input type="text" class="form-control" placeholder="ShortName" id="shortname" required>
</div>
</div>
2
Answers
Are you want space between the textbox? i mean in small device it having in two row .so there is add
mt-3
(margin-top) for below margin to each input-groupIs this issue?
Add
mt-3(margin-top)
to eachinput-group
and also add a width to span for correct alignment like thisspan{width:130px;}
You may use margin or padding class on your span element :
example