Bootstrap columns don't work! can anyone check this?


#1

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css" type="text/css">
  </head>

  <body>
  
    <div class="main">
      <div class="container">
 
              <div class="row">
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
              </div>

      </div>
    </div>
  </body>
</html>

#2

You don't have a link to bootstrap.css so your index.html file knows nothing about the container, row or col-md-1 classes that you've used there. --unless you have put the bootstrap css rules in your style.css file.