Centering an unordered list with bootstrap


#1

I have been working with this first project for awhile now and everytime i try to use the grid format of bootstrap nothing changes. You can see where I tried to use the grid system right above the unordered list in my code but the list is still alligned left. Help would be much aporeciated.

Here is the link to my project https://codepen.io/jdbrown8/pen/rwoePW


#2

Maybe because you’re using the wrong version of Bootstrap? Try switching to Bootstrap 3.


#3

That’s correct, he’s trying to use Bootstrap 4 alpha, it’s not ready for production.

Switch to boostrap 3 and the problem will go away :slight_smile:


#4

@jdbrown8 from your code i guess you are trying to center the list using col-offset-* values which is correct but you have set offset values for md this way the offset will be applied only for medium(&large) devices<div class="col-xs-4 col-md-offset-4"> change this to <div class="col-xs-4 col-xs-offset-4"> .