Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在引导中,使用推、拉或引导列左右对齐项目。哪个更好?_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 在引导中,使用推、拉或引导列左右对齐项目。哪个更好?

Html 在引导中,使用推、拉或引导列左右对齐项目。哪个更好?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,嗨,伙计们 使用Bootstrap,您可以对单行上的左对齐和右对齐项目使用pull或push类,但也可以对左对齐和右对齐的类使用默认列大小。一个典型的例子是左侧的徽标和右侧的顶部导航 我想知道左对齐和右对齐项目的更好方法。例如,如果要在左侧放置徽标,在右侧放置主导航 问候,, dkj 您应该将col-*-*与col-*-offset-*结合使用。例如,您可以将col-md-offset-8放置在col-md-offset-4上,使其向右“推”而不浮动 Bootstrap有类col-sm-*可以将

嗨,伙计们

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

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

问候,, dkj


您应该将
col-*-*
col-*-offset-*
结合使用。例如,您可以将
col-md-offset-8
放置在
col-md-offset-4
上,使其向右“推”而不浮动

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
定义屏幕大小。其他变体包括
列xs-*、列md-*、列lg-*