我无法将导航栏徽标移到左侧

Question

我正在尝试将徽标稍微向左移动，所有尝试都失败了。

起初，我发现可能是因为我包裹了.main_nav_container或container和<div col-lg-12>，但是重新排列它却无济于事，只是破坏了布局。

我想将徽标微移到左侧。我已经使用调试工具突出显示了必须使用的空间（参见照片）。我也了解col-lg-12是使一切与页面内容其余部分保持一致的原因。我究竟做错了什么？

HTML包裹在PHP文件中，如果有任何问题，请购买该模板。

我尝试用img行中的class = float-left或文本align-left来调整位置，但无济于事。我也尝试过使用css脚本对其进行调整也无济于事。由于没有任何作用，我尚未附加css文件。
查看图片以获取更多信息。

<div class="main_nav_container">
    <div class="container">
         <div class="row">
              <div class="col-lg-12 text-left">
                     <nav class="navbar">
                          <a class="navbar-brand" href="#">
                             <img src="https://via.placeholder.com/300x90" 
                               width=300 height=90>
                            </a>
                            <ul class= "navbar_menu">
                               <li>home</li> 
                               <li>shop</li>
                               <li>blog</li>
                            </ul>
                        </nav>
                  </div>
             </div>
       </div>
</div>

将徽标移到左侧是我要做的全部事情。

https://drive.google.com/open?id=0BwRZ9W0OiYxibkkxRUhKUzhhZTVtYnk1TTZkbmIxRWtVMWV3

Answer 1

尝试将container类更改为container-fluid。容器类将像您的图片一样挤压导航栏，从而为您提供了有限的工作空间。之后，您将能够正确放置其他元素。