为什么bootstrap网格将我的右对齐li放入下一行?

时间:2016-07-21 05:24:02

标签: twitter-bootstrap-3 grid

我有以下标记,基本上假设左侧有网站名称,导航栏右侧有2个列表项目。这可以工作但是当我减小浏览器的大小以使其到达x小的断点时,2个列表项然后跳转并出现在左对齐的2行上。有人可以解释我做错了吗?

String name = getIntent().getExtras().getInt("name");

2 个答案:

答案 0 :(得分:0)

只需添加一个类来覆盖li的引导媒体查询布局。

答案 1 :(得分:0)

您需要更改Bootstrap的col-xs的媒体查询,以便在更进一步的点处强制断点。可以在这里找到较少的属性:

http://getbootstrap.com/customize/#media-queries-breakpoints

您可以使用它来重新编译bootstrap,并使用col-xs的新断点再次将其上传到您的项目中。从那里开始应该很简单。我强烈推荐这个选项,因为这些更改应该在LESS中完成。

如果您只想对此特定实例进行此更改,请尝试在div上使用min-width,但我不认为这将适用于所有浏览器。