Centering Buttons horizontally bootstrap help please

Centering Buttons horizontally bootstrap help please
0.0 0

#1

Hi there.

First time poster. I’m having trouble centering buttons on my ‘tribute page’ to an artist. Could have anybody have a look at my code and help me out? I feel like i’ve tried everything but it stays left.
Thank you!


#2

I did this with your code:

    <div class="row text-center">
  <div class='col-lg-3'>
    <div class="btn-group buttons"><a href="#the_coral"><button type="button" class="btn btn-primary btn-lg">The Coral</button></a></div>
  </div>

  <div class='col-lg-3'>
    <div class="btn-group buttons"><a href="#early_solo"><button type="button" class="btn btn-warning btn-lg"id="target1">Early Solo</button></a></div>
  </div>
  <div class='col-lg-3'>
    <div class="btn-group buttons"><a href="#later_works"><button type="button" class="btn btn-danger btn-lg">Later Works</button></a></div>
  </div>
  <div class='col-lg-3'>
    <div class="btn-group buttons"><a href="#Social_Media"><button type="button" class="btn btn-default btn-lg">Social Media</button></a></div>
  </div>
</div>

#3

Thanks man. I’ll check it out later!


#4

Works great, thank you!