CSS推特引导表单

CSS推特引导表单,css,twitter-bootstrap,Css,Twitter Bootstrap,我在Twitter Bootstrap2中实现表单时遇到问题 我已经摆好了一把JS小提琴 代码如下: <div class="container"> <div id="ratingSubectives" class="row-fluid"> <form class="well" > <fieldset> <div class="control-group span3">

我在Twitter Bootstrap2中实现表单时遇到问题

我已经摆好了一把JS小提琴

代码如下:

<div class="container">
<div id="ratingSubectives" class="row-fluid">
    <form class="well" >
        <fieldset>
            <div class="control-group span3">
                <label class="control-label" for="select01">Aaaaaaaaaaaa</label>
                <div class="controls"><select id="select01">
                    <option value=""></option>
                    <option value="A">A</option>
                    <option selected="selected" value="B">B</option>
                    <option value="C">C</option>
                </select></div>
            </div>
            <div class="control-group span3">
                <label class="control-label" for="select02">Bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</label>
                <div class="controls"><select id="select02">
                    <option></option>
                    <option selected="selected" value="A">B</option>
                    <option value="B">B</option>
                    <option value="C">C</option>
                </select></div>
            </div>
            <div class="control-group span3">
                <label class="control-label" for="select03"><a href="#">Ccccccccccc</a></label>
                <div class="controls"><select id="select03" disabled>
                    <option value="A">A</option>
                    <option value="B">B</option>
                    <option selected="selected" value="C">C</option>
                </select></div>
            </div>
            <div class="control-group span3">
                <label class="control-label" for="select03">&nbsp;</label>
                <div class="controls"><button type="submit" class="btn">Submit</button></div>
            </div>
        </fieldset>
    </form>             
 </div>

Aaaaaaaaaaaa
A.
B
C
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
B
B
C
A.
B
C
提交

我试图在一个div上水平放置3个带有标签的select控件。它在英文中显示为带有短标签。然而,最终这是一个以多种语言递送的站点,如果标签变长(如在中间选择器中),标签文本与它旁边的文本重叠。如何使文本换行

我尝试添加一个最大宽度:100%,根据另一个答案,但没有成功。也许我把标签放在div中而不是标签标签

谢谢您的建议。

使用属性来打断单词:

.control-label {
  word-wrap: break-word;
}