skip to Main Content

Am using this design in my project. Am not good in CSS, the problem am facing now is removing the empty area that is below the navbar and stick the picture (800×300) in the navbar.

Where show i check inside the bootstrap CSS design?

3

Answers


  1. This padding si normally inside

    .wrap > .container {
        padding: 100px 15px 10px;  /* the first one si for top padding */
    }
    

    or

    .container {
        padding: 100px 15px 10px;  /* the first one si for top padding */
    }
    
    Login or Signup to reply.
  2. The quickest way to achieve this, since removing the padding from the navbar does not change anything because of its stack level, is adding to the container div <div class="container"> below the navbar the styling properties: style="position: relative; top: -20px;" in the HTML document.

    Mind that if you want to have more control to it you should add a class to it, like <div class="container moveUp">and on your style.css file customize it like this: .moveUp{ position: relative; top:-20px; }

    Login or Signup to reply.
  3. That would be in Bootstrap CSS documentation.
    Check here: http://getbootstrap.com/css/

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search