我试图在Bootstrap3中让标签不换行,但似乎无法做到。
我尝试在标签上使用“word-wrap:break-word”,但这似乎也无法断开标签的句子。
我在文档中看到了“将标签和控件包装在.form-group中以获得最佳间距。”但如果我想要使用Bootstrap div单独控制标签/答案的网格/表单布局,就不能使用“form-group”(标签/输入在xs屏幕上更容易移动,可以扩展到屏幕的100%,但在sm +屏幕上,标签显示在输入的左侧以节省屏幕空间)。
下面是一个例子... 扩大jsfiddle的右侧框架,然后您会看到表单标签被放置在左侧,并且出现问题。
http://jsfiddle.net/armyofda12mnkeys/nud64aq7/
以下是我用于该标签/输入设置的基本代码:
<div class="col-xs-12 col-sm-4 label">
<label for="firstname">House Number and Street and longer label and longer label and longer label and longer label and longer label </label>
</div>
<div class="col-xs-12 col-sm-8 answer">
<input type="text" class="form-control" placeholder="Enter your house # here" />
</div>