html - Bootstrap fluid-container within non-fluid container -


since question outdated question how create fluid row within non-fluid container.

i want have non-fluid container default layout, map placing, need full-width non-fluid.

here html:

<div class="container">     <div class="row-fluid">         <div id="map-canvas" class="container-fluid"></div>     </div> </div> 

row-fluid not working bootstrap 3, setting width: 100%; takes width of parent (non-fluid container).

js fiddle, please increase output window width can see difference.

thanks in advance

i'm not sure understand question, can't use bootstrap's container-fluid contain map row?

http://bootply.com/kp9j6dkces

<div class="container-fluid">     <div class="row" style="height:100px; background: #f00;">         should take 100% width     </div> </div> 

Comments

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -