Bootstrap样式不适用于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>

我有这种HTML的平和 - 它应该是内联形式，但form-inline的样式不会被应用，即使包含bootstap也是如此。

我已经和我的＆＃34;本地＆＃34; bootstap和来自cdn的引导程序，但没有任何工作正常。

哪里可以成为我的问题？

Answer 1

来自Bootstrap's文档：

  

为左对齐和内联块控件添加.form-inline到您的表单（不一定是a）。 这仅适用于视口中至少宽度为768像素的表单。

如果您要在整页模式下运行以下代码，您会看到正在应用inline-form个样式。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;