CODEWITHSUNDEEP
csstwitter-bootstrapnavigationpadding
Matt
Matt

Reputation: 9433

What's the proper way to remove this padding from my Twitter Bootstrap navigation?

A picture tells a thousand words..

padded nav

I want rid of that nasty bit of padding on the left. How can I do it? Here's the HTML:

<div class="container">
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <ul class="nav">
                <li class="li-home active">
                    <a href="#">Home</a>
                </li>
                <li class="li-abc">
                    <a href="#">Abc</a>
                </li>
                <li class="li-def">
                    <a href="#">Def</a>
                </li>
                <li class="li-ghi">
                    <a href="#">Ghi</a>
                </li>
            </ul>
        </div>
    </div>
</div>

Upvotes: 0

Views: 73

Answers (1)

Can Geliş
Can Geliş

Reputation: 1474

Put your navbar into a row because row has a margin-left: -20px that's why your content looks like this.

Upvotes: 1

Related Questions