Scaling buttons to mobile... I am messing something up


I am working on my Portfolio page and cannot figure out why my buttons won’t scale to mobile. I created a test pen so I could simplify the issue I am having. In the test, I am attempting to use the class “col-xs-12” so that the buttons will take up the entire width of the screen on mobile.

My understanding is that in the test example the four buttons should end up stacked on each other, but instead they are ending up in a row just as they do on the larger screen.

I know I am missing something simple.


You`re using the alpha version of bootstrap v4. Don’t know why it is default in codepen already…

Take this cdn:

and your code should work fine…

Thanks! I was beginning to think I was crazy.