-1

I'm trying to make a responsive block in the middle of my page using Bootstrap. But I cannot figure out why the columns dont respond to my bootstrap setup. What am I doing wrong?

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-10 mx-auto" style="background-color: blue; color: white;">
      test column
    </div>
  </div>
</div>
Tomasz Mularczyk
  • 34,501
  • 19
  • 112
  • 166
Søren Eriksen
  • 163
  • 1
  • 3
  • 15

2 Answers2

1

I figured it out. I forgot to add

<meta name="viewport" content="width=device-width, initial-scale=1.0">

to my html document. Now it works!

Søren Eriksen
  • 163
  • 1
  • 3
  • 15
-1

In your example they are responsive... Bootstrap uses adaptive breakpoints.

If you want fluid, then you can use Foundation.

CHEWX
  • 308
  • 2
  • 9