Bootstrap移动下拉列表offcanvas navbar

时间:2015-06-25 08:47:35

标签: twitter-bootstrap mobile drop-down-menu

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

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

std::declval<T>() = std::declval<U>()

1 个答案:

答案 0 :(得分:2)

要使其合适,您可以使用省略号。当文本变得太长时,这将显示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;
}