在Bootstrap中，使用push，pull或bootstrap列左右对齐项目。哪个更好？

Question

Hy Guys，

使用Bootstrap，您可以在单行上使用左侧和右侧对齐项目的pull或push类，但您也可以使用左侧和右侧对齐类的默认列大小。一个典型的例子是左侧的徽标和右侧的顶部导航。

我想知道哪个是左对齐和右对齐项目的更好方法。例如，如果要在左侧放置徽标，在右侧放置主导航。

此致 DKJ

Answer 1

您应该将col-*-*与col-*-offset-*结合使用。例如，您可以向col-md-4“推”向右，而不会浮动col-md-offset-8。

Answer 2

Bootstrap有类col-sm-*，可以将屏幕分成网格。 Bootstrap在页面上占用12个网格意味着您的页面分为12列，因此您可以根据需要为特定div分配多少网格 以你的例子：

<div class="row">
    <div class="col-sm-5">
        Here comes the logo image
    </div>
    <div class="col-sm-7">
        Here comes the navigation code
    </div>
</div>

现在，徽标将出现在屏幕的5/12部分的左侧，导航将在右侧显示屏幕的7/12部分。
col-sm-*此处sm定义了屏幕尺寸。其他变体为col-xs-*, col-md-*, col-lg-*