CODEWITHSUNDEEP
htmltwitter-bootstrap
cyclingfan
cyclingfan

Reputation: 1

Bootstrap Carousel (Gap between Navbar and Carousel)

I started to work with the examples of http://getbootstrap.com.

The Example "Carousel" looks fine on the website, but after downloading bootstrap, coping the html-Document and inserting some Pictures, there is a gap between Navbar and Carousel.

Can somebody help?

Upvotes: 0

Views: 1959

Answers (3)

Mehmaam
Mehmaam

Reputation: 1

.nav {
  margin-top:-20;
}

It can solve my problem. So try this.

Upvotes: 0

Sundaram
Sundaram

Reputation: 31

Implementing 

    .navbar
{
    margin-bottom: 0px;
}

in mystyle.css solved the gap between carousel slider and navbar problem.

Thank you Neha

Upvotes: 0

Neha
Neha

Reputation: 673

In bootstrap.css file, navbar class contains property margin-bottom set as 20px.

.navbar 
{
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

You can override it in your implementation(inline style or yourexample.css) as 

.navbar
{
    margin-bottom: 0px;
}

Upvotes: 1

Related Questions