Question

我正在使用引导响应式网站进行一些测试，因此我希望在导航菜单的左下角有一个徽标，但是在容器的右下角。

当我简单地添加导航时，如果我使用浮动路线，它默认在右上角。现在我可以通过执行margin-top:100px向下移动菜单，但是当我开始缩小网站使其变小时，div会跳下来，我仍然会保持上边距，但在这种情况下我更喜欢没有它。

知道该怎么做吗？

 <div class="container" style="min-height:170px">
    <div class="row" style="margin-top: 15px;">
        <div class="col-md-4" style="border: 1px dashed;> 
            <a class="" href="#">
            <img alt="Brand" src="logo.png" />
          </a>
        </div>
        <div id="menu" class="col-sm-8" style="border: 1px dashed; min-height:120px;">
            <ul class="nav navbar-nav navbar-right">
            <li role="presentation" class="active"><a href="#">Home</a></li>
            <li role="presentation"><a href="#">m1</a></li>
            <li role="presentation"><a href="#">m2</a></li>
            <li role="presentation"><a href="#">m3</a></li>
          </ul>
        </div>
    </div>
 </div>

Answer 1

尝试应用此类＆＃34; col-md-offset-x＆＃34;例如＆＃34; col-md-offset-6＆＃34;在您的品牌上 - 它会自动为您设置适当的保证金并保持响应。但请记住，如果您不想破坏网站的响应能力 - 尽量避免使用100px -instead，您可以使用100％例如。

自定义菜单位于容器

1 个答案: