Html 在引导中,使用推、拉或引导列左右对齐项目。哪个更好?
嗨,伙计们 使用Bootstrap,您可以对单行上的左对齐和右对齐项目使用pull或push类,但也可以对左对齐和右对齐的类使用默认列大小。一个典型的例子是左侧的徽标和右侧的顶部导航 我想知道左对齐和右对齐项目的更好方法。例如,如果要在左侧放置徽标,在右侧放置主导航 问候,, dkjHtml 在引导中,使用推、拉或引导列左右对齐项目。哪个更好?,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-*可以将
您应该将
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-*