2017-02-18 3 views
0

Как я могу держать ниже содержание в одной строкедержать содержание в одной строке в начальной загрузки

<div class="row"> 
<div class="col-md-12"> 
    <div class="form-check form-check-inline"> 
     <label class="form-check-label"> 
      <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1"> 
      Item<asp:TextBox ID="TextBox1" CssClass="form-control input-sm" runat="server"></asp:TextBox> 
     </label> 
    </div> 
</div> 

+1

Что вы имеете в виду ниже содержания? Какую часть html вы пытаетесь показать в одной строке? –

+0

checkbox и TextBox – Ayman

+0

Глядя на то, что у вас есть, элементы формы _should_ отображаются в одной строке. Поэтому в css должно быть что-то, что заставляет их разбиваться на несколько строк. Вам придется искать что-то в css, затрагивающее эти элементы. – JakeParis

ответ

0

Добавить nowrap класс в контейнер для элементов, которые вы хотите быть на той же строке, затем добавьте этот класс .nowrap в ваш CSS.

.nowrap { 
 
    white-space: nowrap; 
 
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="row"> 
 
    <div class="col-md-12"> 
 
    <div class="form-check form-check-inline nowrap"> 
 
     <label class="form-check-label"> 
 
     <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1"> Item 
 
     <asp:TextBox ID="TextBox1" CssClass="form-control input-sm" runat="server"></asp:TextBox> 
 
     </label> 
 
    </div> 
 
    </div>