CODEWITHSUNDEEP
bootstrap-4
Raj Ravuri
Raj Ravuri

Reputation: 169

Same space between bootstrap grid column

  <div class="form-group row">
    <div class="col-sm-6">
       <input type="text" name="languageSearch" id="languageSearch" class="form-control ui-autocomplete-input" value="" style="background-color: #ffff;" placeholder="Search Language" autocomplete="off">
    </div>
    <div class="col-sm-2">
       <input type="submit" name="search" id="search" value="Search" class="btn-md btn-primary form-control">
    </div>
    <div class="col-sm-4">
       <button class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-backdrop="static" type="button">Create New Language</button>
    </div>
  </div>

enter image description here

Please, refer the image. Here i want to get same space between all 3 elements.

Upvotes: 1

Views: 66

Answers (1)

JustCurious
JustCurious

Reputation: 362

Try adding classes d-flex justify-content-center to col-sm-2 . That will align the Search button in center of the column so that there will be some space between all cols.

Upvotes: 1

Related Questions