Html 引导-避免窗口最大化时控件之间的间隙

我想在下面的代码中保持文本输入和按钮输入粘在一起。现在，当窗口最大化时，两个控件之间存在空间，如何避免这种情况

@{
    ViewBag.Title = "Chat";
}
<h2>Chat</h2>
<div class="container">
    <div class="input-group">
        <input type="text" name="message" id="message" class="form-control" />
        <span class="input-group-btn">
            <button type="submit" name="sendmessage" id="sendmessage" class="btn btn-default">Send</button>
        </span>
    </div>
    <input type="hidden" id="displayname" />
    <ul id="discussion"></ul>
</div>
@section scripts {
    <!--Script references. -->
    ...

@{
ViewBag.Title=“聊天”；
}
聊天
发送

@节脚本{
...

好吧，说到“现代UI技术”，我是个新手，现在我感到有点羞愧，因为我发现添加：

input[id=message] {
    max-width: 100%;
}

---

在site.css中解决了这个问题！：-）

我添加了几个标签，希望它们能让你的问题得到更多的关注。没有人有主意？我认为这会是一个简单的想法。所以你不能将所有内容都包装在容器div中以防止扩展？不，它不能解决问题。在JSFIDLE中，它看起来不错，但这是mvc 5中的一个简单视图vs2013中的模板项目。我对bootstrap和mvc 5完全不熟悉。我想这是因为visual studio默认mvc 5模板中的标题。谁能帮忙呢？实际上这是一个解决方法，当最大宽度未设置为100%时，输入文本和按钮之间总是有空格，我很高兴学习如何使发送按钮sti无论输入文本的宽度如何，都会在输入文本旁边点击。就像我写的一样，它只是默认的mvc 5模板，具有成员资格，并且是一个非常简单的新视图页面。我编辑了上面的代码。