0

Trying to create four button equal to each.Not sure which bootstrap column class should i use to get the desired output.I am using bootstrap 4.I tried using col class of bootstrap but failed.Here is the desired output which i need:

enter image description here

Code :

<div class="row">
         <div class="col">
            <a class="btn btn-primary" href="#">Customised</a>
        </div>
        <div class="col">
            <a class="btn btn-primary" href="#">Unique</a>
        </div>
        <div class="w-100"></div>
        <div class="col">
            <a class="btn btn-primary" href="#">Comprehensive</a>
        </div>
        <div class="col">
            <a class="btn btn-primary" href="#">Discounts</a>
        </div>
</div>

I will appreciate it If someone suggest me the right way to do it.

MA-2016
  • 641
  • 3
  • 8
  • 25
  • 1
    https://codepen.io/brooksrelyt/pen/daxeYZ - this is close to the layout above. But, you may need to use media queries to change layout on smaller devices because of the width of the buttons and the right positioning added to two of the buttons – brooksrelyt Feb 23 '19 at 19:44
  • Thanks alot man for this solution – MA-2016 Feb 23 '19 at 20:04

0 Answers0