My page is having* 1. Navbar 2. Container (2.a Header Element 2.b Content
Element).*
*
*
So, The header is going to have a background image! Now, I am expecting my
header background to extent till the bottom part of navbar! or simply, the
navbar shouldn't have bottom padding.
Similarly, the content element will be having another background-pattern,
which should extend up to bottom part of Header Content. Again, Header
Element is having a default bottom padding.
The following is example piece of code.
*<body>*
*<div class="container">*
* <div class="navbar1 navbar navbar-inverse">*
* <div class="navbar-inner">*
* <ul class="nav pull-right">*
* <li><a href="#">sign in</a></li>*
* </ul>*
* </div>*
* </div>*
*</div><!--/container-->*
*
*
*<div class="container">*
* <div class="row-fluid">*
* <div class="header-element">*
* <div class="span12">*
* <h1> Hello World</h1>*
* </div>*
* </div><!--/header-element-->*
* </div><!--/row-fluid-->*
*</div><!--/container-->*
*
*
*/* CSS */*
body {
background-image: url('../img/square-pattern.png');
background-color: #EFF8FB;
background-repeat: repeat-x;
}
.inner-wrapper .span12 h1{
background-color: pink;
}
Now, as expected, this page is not rendering background-image, color over
padding content! which is making to look as if there are separate blocks
(not attached)..
How to fix this issue? I think that padding helps to put content not
overlapping on small screens.. So, how to put background settings over
padding? How do people do this generally, I guess almost all designers face
in beginners level..
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
