How to give a blank between 2 input-groups?

4

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&hellip;
        </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&hellip;
        </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

    
asked by anonymous 19.12.2016 / 16:53

2 answers

2

You can set a margin for input-group

.input-group {
    margin: 5px;
}
    
19.12.2016 / 17:08
2

You can use br/ as another alternative.

<br/><br/>
<div class="input-group" style="width:1px">
    
19.12.2016 / 17:11