応答機能付きのdiv内に2つのdivをマージする

Question

私はasp.netで反応的なフォームを作成しています。私は反応的な機能を持つ2つのdivを結合したい。ここで私は、コードと出力を接続しているOut put of my code

.container { 
 
    padding-right: 15px; 
 
    padding-left: 0px; 
 
    margin-right: auto; 
 
    margin-left: auto; 
 
    overflow: hidden; 
 
} 
 
.txtBoxLeft { 
 
    border-top-left-radius: 10px; 
 
    border-bottom-left-radius: 10px; 
 
    border: solid 1px #5250fb; 
 
    float: left; 
 
    width: auto; 
 
    padding: 14px; 
 
    font-size: 16px; 
 
    background-color: #908fff; 
 
    color: white; 
 
} 
 
.txtBoxRight { 
 
    border-top-right-radius: 3px; 
 
    border-bottom-right-radius: 3px; 
 
    border: solid 1px #5250fb; 
 
    float: left; 
 
    font-size: 16px; 
 
    padding: 14px; 
 
    margin-right: 12px; 
 
} 
 
.txtBoxRight:focus { 
 
    border: solid 1px #908fff; 
 
    background-color: #f3f4ff; 
 
} 
 
.txtBoxRight-1 input[type="text"] { 
 
    width: 70%; 
 
    margin-bottom: 12px; 
 
} 
 
.txtBoxRight-7 input[type="text"] { 
 
    width: 30%; 
 
    margin-bottom: 12px; 
 
}

<div class="container"> 
 
    <div class="txtBoxLeft">CNIC#</div> 
 
    <div class="txtBoxRight-1"> 
 
    <asp:TextBox ID="txtCNIC" CssClass="txtBoxRight" runat="server"></asp:TextBox> 
 
    </div> 
 
</div> 
 
<div class="container"> 
 
    <div class="txtBoxLeft">Drop 1-ID</div> 
 
    <div class="txtBoxRight-7"> 
 
    <asp:TextBox ID="txtDrop1ID" Class="txtBoxRight" runat="server" ToolTip="ID"></asp:TextBox> 
 
    </div> 
 
</div>

詳細です。 { ：事前に感謝

Answer 1

セットコンテナ幅100％が、その後、すべてのコントロールは、モバイル応答の使用のために、このコード

@media（768px最大幅）あなたが必要と応答性の幅の割合％、 になりたい与えます.myclass { 各入力を100％ に展開する }