引导样式不适用于 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 的样式，即使包含引导程序也是如此。

我已经用我的“本地”引导程序和cdn 的引导程序进行了尝试，但没有任何工作正常。

我的问题可能出在哪里？

Answer 1

来自Bootstrap's 文档：

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

如果您在 Full Page 模式下运行以下代码，您将看到 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>