title: Bootstrap / Browser width calculation issue
body: <p>My row width is 1080 so ideally each col-md-1 would be </p>
  
  <p>1080 / 12 = 90px </p>
  
  <p>But col-md-8 width is showing up as 750px , Ideally it should be 720px </p>
  
  <p>Same issue with col-md-4 , its showing up as 390px , instead of 360px. </p>
  
  <p>There is no extra padding defined on the div as well. </p>
  
  <p><img src="https://i.stack.imgur.com/paoc2.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/ZhwHk.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/OBHJu.png" alt="enter image description here"></p>
  
  <p>This is forcing the col-md-4 to show up on the next row instead of same row. What could i be doing wrong ? </p>
  
  <h2>EDIT</h2>
  
  <p>Thanks for the reply but you are missing a serious note here, When you add up the width of col-md-8 and col-md-4, it would be equal to the row width. But that's not the case here. </p>
  
  <p>750px (col-md-8) + 390px (col-md-4) != 1080px(row) 
  its summing up to 1140, this is why, col-md is getting pushed to the next row. </p>