I have 2 input-group
, they are "stuck", I want to give a blank, follow code below:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="panel panel-default">
<div class="panel-heading">
<div class="input-group" style="width:1px; float:left">
<label class="input-group-btn">
<span class="btn btn-primary" style="width:111px">
Teste1…
</span>
</label>
<input type="text" style="background-color:white; width:239px;" class="form-control" value="Teste 1" readonly>
<label class="input-group-btn" title="Teste 1">
<span style="top:-0px" class="btn btn-danger glyphicon glyphicon-trash"></span>
</label>
</div>
<div class="input-group" style="width:1px">
<label class="input-group-btn">
<span class="btn btn-primary" style="width:111px">
Teste2…
</span>
</label>
<input type="text" style="background-color:white; width:239px;" class="form-control" value="Teste 2" readonly>
<label class="input-group-btn" title="Teste 2">
<span style="top:-0px" class="btn btn-danger glyphicon glyphicon-trash"></span>
</label>
</div>
</div>
<div class="panel-body">...</div>
</div>
or example of JSFiddle