Removing Brand in Bootstrap 3 Navigation

Question

First of all, I already visited the other topics with the same question, not any answers for me.

Here is the bootstrap 3 nav:

As you can see in left, there is a "Brand" text there, for removing that in the source I removed:

<a class="navbar-brand" href="#">Brand</a>

The results is something like:

As you can see the "Brand" is removed but there is empty space there which I can not get rid of... .

How should I remove that empty space left from "Brand" and let the menu start from the left?

Thanks

Answer 1

Try adding the below to your CSS:

.navbar .container-fluid, .navbar-collapse {
    padding-left:0;
}
.navbar-collapse.in {
    padding-left:30px;
}

Demo Fiddle