【问题标题】:Side by Side two navbar bootstrap并排两个导航栏引导程序
【发布时间】:2014-04-06 19:58:24
【问题描述】:

我怎么可能使用 Twitter 的引导程序并排放置两个导航栏。

我想要过滤导航栏右侧的排序导航栏。

【问题讨论】:

  • 你需要它们在同一个导航栏中吗?您可以设置两列并将它们并排放置。

标签: jquery twitter-bootstrap navbar


【解决方案1】:

您需要声明它们的宽度,然后给它们一个值float: left

演示http://jsfiddle.net/KY2Pr/27/

.navbar {
    width: 200px;
    float: left;
}

流动宽度移动友好

演示http://jsfiddle.net/KY2Pr/28/

.navbar {
    width: 50%;
    float: left;
}

【讨论】:

  • 两个导航栏在不同的显示尺寸下会如何表现?在手机上?
  • 导航栏将在较小的屏幕尺寸上彼此下方。除非你给它们50% 的宽度,否则它们只会相应地缩小 - 请参阅我的编辑。
猜你喜欢
  • 2013-04-01
  • 1970-01-01
  • 2023-04-10
  • 1970-01-01
  • 2016-11-01
  • 2018-05-18
  • 2021-02-20
  • 2020-12-24
  • 2016-01-25
相关资源
最近更新 更多