First div is navbar and I am creating with the help of \[code\]twitter-bootstrap\[/code\]. It has \[code\]90px height\[/code\].
Rest of the height will taken by another div with an image background. Here is the code for first nav bar div:\[code\]<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <a class="brand" href="http://stackoverflow.com/questions/15538381/index.php">Home</a> </div> </div>\[/code\]Bootstrap CSS:\[code\].navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible;}.navbar-inner { min-height: 5.7em; /*change*/ padding-right: 20px; padding-left: 20px; background-color: #fafafa;}\[/code\]I am facing following issues:[*]How put second div after navbar without using \[code\]<br/>\[/code\]?[*]Background image is not showing up for second div. Because I am trying to design it responsive and given \[code\]width:100%\[/code\]. How can I fix it?[*]What size of background should choose so that it can fit second div perfectly?
Rest of the height will taken by another div with an image background. Here is the code for first nav bar div:\[code\]<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <a class="brand" href="http://stackoverflow.com/questions/15538381/index.php">Home</a> </div> </div>\[/code\]Bootstrap CSS:\[code\].navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible;}.navbar-inner { min-height: 5.7em; /*change*/ padding-right: 20px; padding-left: 20px; background-color: #fafafa;}\[/code\]I am facing following issues:[*]How put second div after navbar without using \[code\]<br/>\[/code\]?[*]Background image is not showing up for second div. Because I am trying to design it responsive and given \[code\]width:100%\[/code\]. How can I fix it?[*]What size of background should choose so that it can fit second div perfectly?