<br />
<div class="col-xs-6">
  <div class="input-group">
      <input type="text" class="timepicker-one form-control input-sm" value="">
      <span class="input-group-addon">
          <i class="glyphicon glyphicon-time"></i>
      </span>
  </div>
</div>
<div class="col-xs-6">
  <div class="input-group">
      <input type="text" class="timepicker-two form-control input-sm">
      <span class="input-group-addon">
          <i class="glyphicon glyphicon-time"></i>
      </span>
  </div>
</div>

<div class="clearfix"></div>
<br />

<div class="col-xs-6">
  <div class="input-group">
      <input type="text" class="timepicker-three form-control input-sm">
      <span class="input-group-addon">
          <i class="glyphicon glyphicon-time"></i>
      </span>
  </div>
</div>
<div class="col-xs-6">
  <div class="input-group">
      <input type="text" class="timepicker-four form-control input-sm">
      <span class="input-group-addon">
          <i class="glyphicon glyphicon-time"></i>
      </span>
  </div>
</div>
$('.timepicker-one').timepicker('setTime','');
$('.timepicker-one').timepicker({
  showInputs: true,
});

$('.timepicker-two').timepicker('setTime','');
$('.timepicker-two').timepicker({
  showInputs: true,
});

$('.timepicker-three').timepicker('setTime','');
$('.timepicker-three').timepicker({
  showInputs: true,
});

$('.timepicker-four').timepicker('setTime','');
$('.timepicker-four').timepicker({
  showInputs: true,
});

External CSS

  1. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
  2. https://cdn.jsdelivr.net/bootstrap.timepicker/0.2.6/css/bootstrap-timepicker.min.css

External JavaScript

  1. https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
  2. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
  3. https://cdn.jsdelivr.net/bootstrap.timepicker/0.2.6/js/bootstrap-timepicker.min.js