ブートストラップスタイル私はHTMLのこの平和を持っているHTML

Question

へ

<div class="form-inline"> 
    <div class="form-group "> 
     <label for="txtTitle" class="control-label"> 
      <p class="text-info">Page Title</p> 
     </label> 
     <asp:textbox id="txtTitle" tabindex="14" runat="server" MaxLength="60" TextMode="SingleLine" CssClass="form-control input-sm"></asp:textbox> 
    </div> 
</div> 

が適用されていない - それは、インライン形式でなければなりませんが、form-inlineのスタイルをbootstapが含まれている場合でも、適用されません。

私は「ローカル」bootstapとし、cdnからブートストラップでそれを試してみたが、何も正しく動作しません。

どこに問題がありますか？ Bootstrap'sドキュメントから

Answer 1

：

は左揃えとインラインブロックのコントロールのために（Aである必要はありません）フォームに.FORMインラインを追加します。 これは、少なくとも768px幅のビューポート内のフォームにのみ適用されます。

あなたはinline-formスタイルが適用されていることがわかりますフルページモードで次のコードを実行する場合。

.control-label .text-info { 
 
    margin: 0; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="form-inline"> 
 
    <div class="form-group "> 
 
     <label for="txtTitle1" class="control-label"> 
 
      <p class="text-info">Page Title</p> 
 
     </label> 
 
     <input type="text" id="txtTitle1" tabindex="14" MaxLength="60" TextMode="SingleLine" class="form-control input-sm"> 
 
    </div> 
 
    <div class="form-group "> 
 
     <label for="txtTitle2" class="control-label"> 
 
      <p class="text-info">Page Title</p> 
 
     </label> 
 
     <input type="text" id="txtTitle2" tabindex="14" MaxLength="60" TextMode="SingleLine" class="form-control input-sm"> 
 
    </div> 
 
    <div class="form-group "> 
 
     <label for="txtTitle3" class="control-label"> 
 
      <p class="text-info">Page Title</p> 
 
     </label> 
 
     <input type="text" id="txtTitle3" tabindex="14" MaxLength="60" TextMode="SingleLine" class="form-control input-sm"> 
 
    </div> 
 
</div>