Twitter bootstrap 引导:使用

Twitter bootstrap 引导:使用,twitter-bootstrap,Twitter Bootstrap,我正在用Bootstrap开发一些项目,这里还有一些css,它在某个地方阻止了Bootstrap附加组件(append/perpend)。所以,我不能解决这个问题。你能帮帮我吗。 我发现一些修复可以帮助我: .input-prepend .add-on { margin-right: -1px; position:relative; bottom:2px; } 但这没有帮助 html代码的一部分 <div class="form-string clearfix"> <

我正在用Bootstrap开发一些项目,这里还有一些css,它在某个地方阻止了Bootstrap附加组件(append/perpend)。所以,我不能解决这个问题。你能帮帮我吗。 我发现一些修复可以帮助我:

.input-prepend .add-on {
margin-right: -1px;
position:relative;
bottom:2px; 
}
但这没有帮助

html代码的一部分

<div class="form-string clearfix">
    <dl>
        <div class="span2">
            <dt>Phone:<span style="color:#ff0000">*</span></dt>
            <dd>
                <div class="input-prepend input-append">
                <span class="add-on" >+7</span><input type="text" maxlength="10" id="phone">
                <span class="add-on "><input id="alertphone" type="checkbox" checked="checked" class="addonCheckbox"></span> 
                </div>
            </dd>
        </div>
        <div class="span2" style="position:relative; left:-2%">
            <dt>&nbsp;</dt>
            <dd>
                Send SMS
            </dd>   
        </div>
    </dl>
</div>

电话:*
+7
发送短信

你可以试试:

<div class="form-string clearfix">
<dl>
    <div class="span2">
        <div class="control-group">
            <label class="control-label" for="email">Phone:<span style="color:#ff0000">*</span></label>
            <div class="controls">
                <div class="input-prepend input-append">
                    <span class="add-on" >+7</span>
                    <input type="text" maxlength="10" id="phone">
                    <span class="add-on "><input id="alertphone" type="checkbox" checked="checked" class="addonCheckbox"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="span2" style="position:relative; left:-2%">
        <dt>&nbsp;</dt>
        <dd>
            Send SMS
        </dd>   
    </div>
</dl>

电话:*
+7
发送短信

您是否忘记了,输入前置输入追加

同样在我看来,只使用了div标记


重要的是,检查是否存在错误。3+新类标记:

如果我理解正确-输入和附加/前置显示不在行中。你可以在文章的结尾看到sreenshot。很抱歉,我帮不了你,因为这里的链接被屏蔽了。请描述您的问题,然后我可以尝试……)好的,我将尝试)因此,附加组件(append\prepend)被放置在不同的行上。它应该是-[prepend][input][append]。但是它显示了:[prepend]\n[input]\n[append]您在markupI中缺少了类
input prepend
,我只是在这篇文章中才错过了它。在realWell,我错过了它(只有在这篇文章中)在real-我有它)也,只使用div not helps我组织在与我的试用板引导相同的代码。屏风