CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Nilexys
Nilexys

Reputation: 683

Less than 12 columns in a freshly installed Bootstrap

I simplified the code to the maximum to make it readable. I changed nothing to the bootstrap folder. So here is the "simplified" HTML page :

<!DOCTYPE html>
  <head>
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
  </head>

  <body>
    <div class="container">

        <div class="col-sm-3">3
          <div class="row">
            <div class="col-sm-1">1</div>
            <div class="col-sm-1">2</div>
            <div class="col-sm-1">3</div>
            <div class="col-sm-1">1</div>
            <div class="col-sm-1">2</div>
            <div class="col-sm-1">3</div>
            <div class="col-sm-1">1</div>
            <div class="col-sm-1">2</div>
            <div class="col-sm-1">3</div>
            <div class="col-sm-1">1</div>
            <div class="col-sm-1">2</div>
            <div class="col-sm-1">3</div>
          </div>
        </div>

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

And what is displayed on my web browser(s) :

3
1 2 3 1 2 3 1 2 3
1 2 3

With a framing CSS script, I could manage to see that the "cut" happens approximatively at the middle of the ninth columns (instead of the end of the 12th).

Any idea ?

Upvotes: 0

Views: 76

Answers (1)

Harsh
Harsh

Reputation: 1072

In case u want to do so remove padding 

.col-sm-1{
        padding:0 !important;
    }

Upvotes: 3

Related Questions