如何使用引导程序垂直对齐面板标题中的标签和文本框答案

【问题标题】：How to align vertically a Label and textbox in panel heading with bootstrap如何使用引导程序垂直对齐面板标题中的标签和文本框
【发布时间】：2015-05-03 07:35:59
【问题描述】：

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

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

我该怎么做。

【问题讨论】：

请将相关代码粘贴到您的帖子中。

标签： css asp.net twitter-bootstrap

【解决方案1】：

尝试以下方法：

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

【讨论】：