Richard Korts
asked on
Why am I getting 12 columns in bootstrap when I specify 11?
See this code:
with this in head:
I'm using bootstrap.
See attached image. The div structure indicates 11 columns (not 12), but it insists on putting 12 (and unwantedly using the background where it is not needed).
How can I fix this (11 columns only)?
projects_12_cols.JPG
<div class="row" style="border-bottom:1px;background-color: #5B9BD5">
<div class="col-sm-1 col-xs-1 text-center" style="background-color: white;"> <br> <br> </div>
<div class="col-sm-1 col-xs-1 text-center" style="color:white; background-color: #5B9BD5">Config<br>ID</div>
<div class="col-sm-3 col-xs-3 text-center" style="color:white; background-color: #5B9BD5">Project Name<br></div>
<div class="col-sm-1 col-xs-1 text-center" style="color:white; background-color: #5B9BD5">Last<br>Config</div>
<div class="col-sm-2 col-xs-2 text-center" style="color:white; background-color: #5B9BD5">Model<br></div>
<div class="col-sm-1 col-xs-1 text-center" style="color:white; background-color: #5B9BD5">Accessories<br></div>
<div class="col-sm-1 col-xs-1 text-center" style="color:white; background-color: #5B9BD5">Project<br>Trade<br>Price</div>
<div class="col-sm-1 col-xs-1 text-center" style="color:white; background-color: #5B9BD5">LS-250<br>Status</div>
</div>
with this in head:
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="W3.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<title>Lakos Configurator - Projects</title>
I'm using bootstrap.
See attached image. The div structure indicates 11 columns (not 12), but it insists on putting 12 (and unwantedly using the background where it is not needed).
How can I fix this (11 columns only)?
projects_12_cols.JPG
Any way you could provide a link to this page? It seems likely to be a somewhat minor css issue...
ASKER
It's password protected.
I'll give you the complete HTML rendering (its a php file), attached.
projects.html
I'll give you the complete HTML rendering (its a php file), attached.
projects.html
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
To Jan Louwerens,
Makes no sense. Until about 3 weeks ago I had 11 columns; take it back, I had 12, just one of them was another 1 wider. I’ll try that.
Thanks
Makes no sense. Until about 3 weeks ago I had 11 columns; take it back, I had 12, just one of them was another 1 wider. I’ll try that.
Thanks