bootstrap - 当窗口最大化时避免控件之间的间隙

Question

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

@{
    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. -->
    ...

Answer 1

好吧，我是一个新手，当涉及到“现代UI技术”，现在我感到有点羞耻，因为我想出了添加：

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

在site.css中

解决了这个问题！ ： - ）