ブートストラップを使って作業する

Question

私はブートストラップと一緒に作業しています。ラベルとチェックボックスボタンを2つのテキストボックスのように配置したいのですが、別の行には2つのテキストボックスとボタンがあります。常に異なる行にあるチェックボックスとボタンを参照してください、なぜ？

これは私のコードです：だから

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

、なぜこれが起こるの？。どうすれば修正できますか？本当にありがとうございました

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

を