Bootstrap 移动下拉菜单关闭画布导航栏

Question

我对移动视图上的导航栏宽度有疑问：对于手机，它不能超过大约。 240px 但我有一些很长的菜单名称。我需要一个填充权，当然还有一个换行符。

这是我的 jsfiddle：http://jsfiddle.net/tinusmile/dnq8jhbu/33/

<ul class="dropdown-menu">
  <li><a href="#">Submenu #1</a></li>
  <li><a href="#">A too long submenu name for the width of the navbar</a></li>
</ul>`

Answer 1

为了使它适合你可以使用省略号。当文本变得太长时，这将显示 3 个点。

.dropdown-menu li a {
    text-overflow: ellipsis;
    max-width: 220px;
    overflow: hidden;
}

或者像这样换行：

.dropdown-menu li a {
    word-break: break-word;
    // this is required in your fiddle because it is now setting 
    // the white-space: nowrap; You could just remove that.
    white-space: normal;
}