css - 如何使用 bootstrap 在面板标题中垂直对齐标签和文本框

我需要在面板标题中垂直居中放置一个带有引导程序的标签和文本框。我有这个：

<div class="panel panel-default">
<div class="panel-heading clearfix" role="tab" id="headingOne">
    Categorias
    <div class="input-group">
        <span class="input-group-addon">
        <i class="fa fa-calendar" id="prueba" runat="server"></i></span>
        <asp:TextBox CssClass="form-control" ID="txtFecha" runat="server" placeholder="Seleccione Fecha" ></asp:TextBox>
    </div>
  </div>

我该怎么做。

最佳答案

请尝试以下操作：

<div class="panel panel-default">
<div class="panel-heading clearfix" role="tab" id="headingOne">
  <div class="form-inline">
    <div class="form-group">
      Categorias
    </div>
    <div class="form-group">
      <div class="input-group">
        <span class="input-group-addon">
          <i class="fa fa-calendar" id="prueba" runat="server"></i>
        </span>
        <asp:TextBox CssClass="form-control" ID="txtFecha" runat="server" placeholder="Seleccione Fecha" ></asp:TextBox>
      </div>
    </div>
</div>

关于css - 如何使用 bootstrap 在面板标题中垂直对齐标签和文本框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28818461/