css - 关于导航栏的东西

Question

谁能告诉我如何移动导航栏中的元素？我不想让我的元素左右对齐。取而代之的是，我想从双方进行抵消。 This is one example of offset that I want.这是我的导航栏代码:

<div class = "navbar navbar-inverse navbar-static-top">
    <div class "container">
        <a href = "#" class = "navbar-brand">Dom Dom</a>

         <button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
            <span class = "icon-bar"></span>
            <span class = "icon-bar"></span>
            <span class = "icon-bar"></span>
         </button>

        <div class = "collapse navbar-collapse navHeaderCollapse">

            <ul class = "nav navbar-nav navbar-left">

            <li class = "active"><a href = "#">Home</a></li>
            <li><a href = "#">Blog</a></li>
            <li class = "dropdown">

                <a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">Social Media <b class = "caret"></b></a>
                <ul class = "dropdown-menu">
                    <li><a href = "#">Twitter</a></li>
                    <li><a href = "#">Facebook</a></li>
                    <li><a href = "#">Google+</a></li>
                    <li><a href = "#">Instagram</a></li>
                </ul>                        
            </li>
            <li><a href = "#">About</a></li>
            <li><a href = "#">Contact</a></li>
            </ul>
            <!-- ovo su samo sign in i register gumbi-->
            <ul class = "nav navbar-nav navbar-right">
                <li><a href = "#">Sign In</a></li>
                <li><a href = "#">Register</a></li>

            </ul>
        </div>  
    </div>
</div>

Answer 1

如果你指的是让所有东西都具有相同的最大宽度，把所有东西都包在里面:

<div class="container">
   ...
</div>