2016-04-23 56 views
0

我正在使用引導程序,我試圖放置一個簡單的東西,像兩個文本框與他們的標籤和一個複選框按鈕在一行中,在另一行兩個文本框和一個按鈕,當我預覽他們我看到複選框和按鈕總是在不同的行,爲什麼?使用引導程序

這是我的代碼:

<div class="row"> 

    <div class="col-md-4"> 
     <asp:Label ID="lblTitulo" runat="server" AssociatedControlID="txtTitulo" Text="Título"></asp:Label><asp:TextBox ID="txtTitulo" CssClass="form-control" runat="server"></asp:TextBox> 
    </div> 

    <div class="col-md-3"> 
     <asp:Label ID="lblOrden" AssociatedControlID="txtOrden" runat="server" Text="Orden"></asp:Label><asp:TextBox ID="txtOrden" CssClass="form-control" runat="server"></asp:TextBox> 
    </div> 
    <div class="col-md-4"> 
     <asp:Button ID="btnAnadirDimension" CssClass="btn btn-danger" runat="server" Text="Añadir Dimensión" OnClick="btnAnadirDimension_Click" /> 
    </div> 

</div> 


<div class="row"> 
    <div class="col-md-3"> 
      <asp:Label ID="lblNombre" runat="server" AssociatedControlID="txtNombre" Text="Nombre"/><asp:TextBox ID="txtNombre" CssClass="form-control" runat="server"/> 
    </div> 
    <div class="col-md-3"> 
     <asp:Label ID="lblFecha" AssociatedControlID="txtFecha" runat="server" Text="Fecha"/><asp:TextBox ID="txtFecha" CssClass="form-control" runat="server"/> 
    </div> 
    <div class="col-md-2"> 
     <div class="checkbox"> 
       <asp:Label ID="lblDiponible" AssociatedControlID="chkDisponible" runat="server" Text=""/> <asp:CheckBox ID="chkDisponible" runat="server" Text="Disponible" /> 
     </div> 
    </div> 
    <div class="col-md-4"></div> 
    </div> 

那麼,爲什麼會發生這樣?我該如何解決它?非常感謝

回答

1

嘗試如下修改代碼:

<div class="row"> 
<div class="col-md-12"> 
    <div class="col-md-4"> 
    <asp:Label ID="lblTitulo" runat="server" AssociatedControlID="txtTitulo" Text="Título"></asp:Label><asp:TextBox ID="txtTitulo" CssClass="form-control" runat="server"> 
    </asp:TextBox> 
    </div> 
    <div class="col-md-4"> 
    <asp:Label ID="lblOrden" AssociatedControlID="txtOrden" runat="server" Text="Orden"></asp:Label><asp:TextBox ID="txtOrden" CssClass="form-control" runat="server"> 
    </asp:TextBox> 
    </div> 
    <div class="col-md-4"> 
    <asp:Button ID="btnAnadirDimension" CssClass="btn btn-danger" runat="server" Text="Añadir Dimensión" OnClick="btnAnadirDimension_Click" /> 
    </div> 
    </div> 
</div> 
<div class="row"> 
<div class="col-md-12"> 
    <div class="col-md-4"> 
    <asp:Label ID="lblNombre" runat="server" AssociatedControlID="txtNombre" Text="Nombre"/><asp:TextBox ID="txtNombre" CssClass="form-control" runat="server"/> 
</div> 
<div class="col-md-4"> 
    <asp:Label ID="lblFecha" AssociatedControlID="txtFecha" runat="server" Text="Fecha"/><asp:TextBox ID="txtFecha" CssClass="form-control" runat="server"/> 
</div> 
<div class="col-md-4"> 
    <div class="checkbox"> 
      <asp:Label ID="lblDiponible" AssociatedControlID="chkDisponible" runat="server" Text=""/> <asp:CheckBox ID="chkDisponible" runat="server" Text="Disponible" /> 
    </div> 
</div> 
</div> 
</div>