Html 如何使用浮动元素强制文本换行

查看汉堡/菜单图标如何下推到下一行？我希望文本转到下一行，保持菜单按钮和标题文本相邻。标题文本和菜单分别向左和向右浮动

这似乎不是一个明确的问题（因为我正试图做相反的事情），我也不知道在这种情况下如何使用空白属性

唯一有效的方法是在标题上设置一个最大宽度，但这会在某些屏幕大小上打乱布局

我在这些元素上没有自定义css，只是Bootstrap3附带了什么

标记（基本上直接从新的Bootstrap 3文档中提取）：

切换导航

`斯蒂芬

需要进行两项更改才能获得所需的结果

首先，将.navbar品牌填充设置为70px或您需要的值

.navbar-brand {
    padding-right:70px; 
}

第二，make.navbar切换位置：绝对，右：0

.navbar-toggle {
    position:absolute;
    right:0;
    top:0;
}

你完成了！：）

以下是演示：

.navbar-toggle {
    position:absolute;
    right:0;
    top:0;
}