Css Twitter引导程序3:导航应该占据屏幕宽度的剩余部分

Css Twitter引导程序3:导航应该占据屏幕宽度的剩余部分,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,我有一个浮到左边的div。在右边,我有一个 如果我将导航列表向左浮动,它看起来很好,只是列表的底部边框仅延伸到导航选项下方。如何使其延伸到屏幕的其余部分?(即一直向右) 如果我不将列表向左浮动,选项卡将保留在右侧,但底部边框将与视图端口的100%对齐,并移动到左侧导航的下方 以下是JS小提琴: 谢谢 Hi不太了解使用col-class(如col-lg-4)如果可以避免,请不要添加自己的浮动使用class pul left使其向左浮动或使用class pul right使其向右浮动 另外,要让bo

我有一个浮到左边的div。在右边,我有一个

如果我将导航列表向左浮动,它看起来很好,只是列表的底部边框仅延伸到导航选项下方。如何使其延伸到屏幕的其余部分?(即一直向右)

如果我不将列表向左浮动,选项卡将保留在右侧,但底部边框将与视图端口的100%对齐,并移动到左侧导航的下方

以下是JS小提琴:


谢谢

Hi不太了解使用col-class(如col-lg-4)如果可以避免,请不要添加自己的浮动使用class pul left使其向左浮动或使用class pul right使其向右浮动

另外,要让bootstrap的头链接在像我这样的在线编辑器中工作,请单击单词HTML旁边的图标


Hi不太了解使用col-class(如col-lg-4)如果可以避免,请不要添加自己的浮动使用class pul left(左类)将其向左浮动,或使用class pul right(右类)将其向右浮动

另外,要让bootstrap的头链接在像我这样的在线编辑器中工作,请单击单词HTML旁边的图标


添加overflow:hidden(或auto)以触发新的事件,而不是将右列向左浮动

这实际上会导致右栏占据剩余的水平空间

你可以找到一个关于它是如何工作的详细解释


添加overflow:hidden(或auto)以触发新的事件,而不是将右列向左浮动

这实际上会导致右栏占据剩余的水平空间

你可以找到一个关于它是如何工作的详细解释


不错。这帮我节省了很多时间。很好。这节省了我很多时间。
#right-col
{
  overflow:hidden;
}