Link to home
Start Free TrialLog in
Avatar of Richard Korts
Richard KortsFlag for United States of America

asked on

Why am I getting 12 columns in bootstrap when I specify 11?

See this code:

<div class="row" style="border-bottom:1px;background-color: #5B9BD5">
	<div class="col-sm-1 col-xs-1 text-center" style="background-color: white;">&nbsp;<br>&nbsp;<br>&nbsp;</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>

Open in new window


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>

Open in new window


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
Avatar of David Kelly
David Kelly
Flag of United States of America image

Any way you could provide a link to this page? It seems likely to be a somewhat minor css issue...
Avatar of Richard Korts

ASKER

It's password protected.

I'll give you the complete HTML rendering (its a php file), attached.
projects.html
ASKER CERTIFIED SOLUTION
Avatar of Jan Louwerens
Jan Louwerens
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
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