css - Bootstrap 标签内联

Question

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="col-lg-6">
  <label></label>
  <div class="input-group">
    <!-- ko if: count -->
    <div class="alert alert-success" data-bind="text: count"></div>
    <!-- /ko -->
    <!-- ko if: error -->
    <div class="alert alert-danger" data-bind="text: error"></div>
    <!-- /ko -->
  </div>
  <label data-bind="text: fromdate"></label>
  <label data-bind="text: todate"></label>
</div>

如何使 fromdate 和 todate 的标签与输入组内联？它们来自 ajax 调用，但我似乎仍然无法内联它们。更改了列大小，但仍然没有。

我不能使用 form 因为母版页已经有 form。

Answer 1

给你的 div 一个 id，比如“custom-col”等等。然后在你的CSS中

#custom-col > label,
#custom-col > div.input-group{
    display: inline-block;
}

会成功的