Mofizur Mofizur - 1 year ago 67
CSS Question

removing extra space after a div in boostrap css

In a formgroup i have two element one is label another one is button but i am getting extra spaces between the button and label.
See this fiddle. myFiddle

I want to remove the space between DocumentType and Attach a file

<div class="panel">
<div class="panel panel-info">
<h3> panel heading</h3>
<div class="panel panel-body">

<div class="row">
<div class="col-md-3">
<div class="form-group">
<label class="form-control">Document Type</label>
<label class="fileUpload">
<input id="documentattachment" name="documentattachment" multiple type="file" /> Attach a file
<div class="col-md-3">
<div class="form-group">
<select class="form-control">
<div id="submitButton">
<button data-bind="click: submitFile" class="form-control">Send</button>
<div class="col-md-6">



Answer Source

remove margin on label & also remove this fileUpload


.fileUpload {
  -webkit-appearance: none;
  width: 100%;
  text-align: center;
  border: 2px solid #AAA;
  border-radius: 4px;
  padding: 2px 5px;
  /*margin: 2px;*/
  background: #f2f2f2;
  display: inline-block;
  color: rgba(171, 68, 70, 1);

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download