Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Josh Keenan
Josh Keenan
20,315 Points

Center modal header Bootstrap

So I am trying to center the header of a modal I am making but it comes out floating to the left and no matter where I try the text-center class I get no response from the h5, can someone help me center this please?

<div class="modal-header bg-info text-white">
  <h5 class="modal-title text-center">Coal</h5>
  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
Josh Keenan
Josh Keenan
20,315 Points

Thank you, didn't think of using actual CSS...

1 Answer

izzy goldman
izzy goldman
12,542 Points
izzy goldman
izzy goldman
12,542 Points

try adding margin: 0 auto;