Html 引导页面响应

我尝试在引导中创建这种类型的登录页面

但在此之前，我已经创建了页面，但这不是引导 代码

系统

现在我尝试创建引导响应，我尝试了这个

 <div class="container">
         <img class="logo" alt="LOGO" src="images/logomain.png" /><br /><br />
        <form class="form-signin" runat="server" >
        <h2 class="form-signin-heading">Please sign in</h2><br /><br />
        <label for="inputEmail" class="sr-only">Email address</label>
        <asp:TextBox CssClass="textbx" ID="txt_us" runat="server" placeholder="Enter UserName"></asp:TextBox><br /><br />
        <label for="inputPassword" class="sr-only">Password</label>
          <asp:TextBox  CssClass="textbx"  ID="txt_pwd" runat="server" placeholder="Enter Password" TextMode="Password"></asp:TextBox>
       <br /><br />
         <asp:Button ID="Button1" CssClass="button" runat="server" Text="LOGIN" OnClick="Button1_Click" />   
        <asp:Label ID="Label1" CssClass="info" visible="false"     runat ="server" Text="" BorderColor="Black"></asp:Label>
      </form>

    </div>

请登录


电子邮件地址



暗语

但这显示了尴尬的表现

---

有什么解决方案吗？

对于响应性设计，您应该使用bootstraps的网格系统。

---

我认为您应该阅读一些有关响应式设计和引导网格系统的信息。

这里还有一个引导3教程：为什么要下降4？：O:O

 <div class="container">
         <img class="logo" alt="LOGO" src="images/logomain.png" /><br /><br />
        <form class="form-signin" runat="server" >
        <h2 class="form-signin-heading">Please sign in</h2><br /><br />
        <label for="inputEmail" class="sr-only">Email address</label>
        <asp:TextBox CssClass="textbx" ID="txt_us" runat="server" placeholder="Enter UserName"></asp:TextBox><br /><br />
        <label for="inputPassword" class="sr-only">Password</label>
          <asp:TextBox  CssClass="textbx"  ID="txt_pwd" runat="server" placeholder="Enter Password" TextMode="Password"></asp:TextBox>
       <br /><br />
         <asp:Button ID="Button1" CssClass="button" runat="server" Text="LOGIN" OnClick="Button1_Click" />   
        <asp:Label ID="Label1" CssClass="info" visible="false"     runat ="server" Text="" BorderColor="Black"></asp:Label>
      </form>

    </div>