Twitter bootstrap 引导-具有输入最大宽度的输入组插件

我对输入右侧的输入组插件有问题。 如果设置“最大宽度”或“输入宽度”，则会出现意外行为：

代码：

走！


@@example.com


行动

是否有可能使其以最大宽度工作？

---

Thx帮助信息

您可以将

输入组

设置为相同的

最大宽度

，使它们保持在一起

输入，
.输入组{
最大宽度：280px；
}

走！


@@example.com


行动

你能把你的代码放在一个目录中吗？你使用的是什么版本的引导，除了引导css之外，你确定没有适用于这些输入的css吗？代码：它在JSFIDLE上很好用。。。。我正在mvc项目中使用它。我还使用了bootstrap datepicker和bootstrap selectIt。当我在项目左侧有插件时，所有输入都是相同大小的，不会拉伸……这就是我要找的。谢谢

<div class="input-group">
            <input type="text" style='max-width: 280px;' class="form-control" placeholder="Search for...">
            <span class="input-group-btn">
                <button class="btn btn-default" type="button">Go!</button>
            </span>
</div>
<br />
<div class="input-group">
    <input type="text" style='max-width: 280px;' class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
    <span class="input-group-addon" id="basic-addon2">@@example.com</span>
</div>
<br />
<div class="row">
    <div class="col-lg-6">
        <div class="input-group">
            <input type="text" style='max-width: 280px;' class="form-control" aria-label="...">
            <div class="input-group-btn">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                </ul>
            </div><!-- /btn-group -->
        </div><!-- /input-group -->
    </div><!-- /.col-lg-6 -->
</div><!-- /.row -->