保持內容在一行中引導

我如何才能讓下面的內容在一行保持內容在一行中引導

<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>

來源

2017-02-18 Ayman

你說的下面的內容是什麼意思？你想在一行中顯示哪部分html？ –

複選框和文本框 – Ayman

看看你有什麼，窗體元素_should_顯示在一行中。所以在css中必須有一些東西讓它們打破多行。你將不得不在CSS中尋找影響這些元素的東西。 – JakeParis

添加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>

來源

2017-02-18 04:46:47

保持內容在一行中引導

回答

相關問題