我正在尝试制作菜单。我希望文本在它的右侧，但我仍然希望移动设备是100％宽度。当它在桌面上时，如何让列不包围div？我可以达到这个100％的高度，但是在移动设备上它可能无法正常工作。
jsfiddle.net/La909cq3 请注意，如果将容器拉伸为桌面宽度，则名称将位于菜单右侧。
{{1}}＆＃13;
答案 0 :(得分：0)
我只是将clear:both;放在包裹表单的div上。一旦我这样做，你的“名字”标题就会停止浮动到你的物品清单右侧。
答案 1 :(得分：0)
这实际上只与菜单和表单需要位于单独的网格空间中有关。你有一个包含在col-md-4中的菜单，它将向左侧流动...但是没有表格中div的网格类。这样做有助于
看看我是如何用
添加外部div的<div class="row">
并将col-md-12类添加到菜单和表单div。
答案 2 :(得分：0)
一种解决方案是将col-md-4放在第二个div http://jsfiddle.net/La909cq3/1/
周围<div class="col-md-4">
答案 3 :(得分：-1)
您是否尝试在word-wrap中使用CSS？
试试这个，我觉得它对我很有用。
word-wrap: break-word;
white-space:normal;