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

时间:2015-03-02 20:00:41

标签: css asp.net twitter-bootstrap

我需要在Panel Heading中垂直居中标签和带有引导程序的文本框。我有这个:

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

我如何做到这一点。

1 个答案:

答案 0 :(得分: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>