html - Bootstrap 网格系统是否与导航栏一起使用？

Question

所以我尝试使用网格系统将一个元素放置在导航栏的左侧。但是，它似乎工作得不是很好。我插入的文本(这只是一个示例)应该在到达其分配网格的末尾后结束。然而，文字似乎还在继续。我附上了一张图片来说明这一点。

此外，我的切换下拉菜单似乎是透明的，但仍然有效。关于如何解决这个问题有什么想法吗？

这是我的代码的链接:

http://pastebin.com/HfHyBYZZ

Answer 1

你的第一个问题是你有一个连续的字母串，所以它不会换行而超出网格。如果你在里面放一个空格。如果您为其余部分创建样式，例如

  #long-letters {
  word-wrap: break-word;
   }

然后它会尊重网格，你的导航栏会很好。