Загрузочный бутстрап - избегайте разрыва между элементами управления при максимальном увеличении окна

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

нормально, я новичок, когда дело доходит до «современные методы пользовательского интерфейса», и теперь я чувствую себя немного стыдно, потому что я понял, что добавление:

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

в site.css решить проблему ! :-)