html - Bootstrap page responsive -


i try create type of sign in page in bootstrap http://v4-alpha.getbootstrap.com/examples/signin/

but before create page not bootstrap code

 <%@ page language="c#" autoeventwireup="true" codebehind="mainpage.aspx.cs" inherits="project.mainpage" %>  <!doctype html>  <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">    <title>system</title>      <link href="styles/login.css" rel="stylesheet" />     <link href="styles/main.css" rel="stylesheet" />      <link href="content/bootstrap.css" rel="stylesheet" />      <!-- google web fonts -->     <link href='http://fonts.googleapis.com/css?family=raleway:400,500,600,700,800' rel='stylesheet' type='text/css'/>     <link href='http://fonts.googleapis.com/css?family=open+sans:400italic,600italic,700italic,400,800,700,600' rel='stylesheet' type='text/css'/> </head> <body style="background-image:url(images/slide07.jpg);background-repeat:no-repeat">          <img class="logo" alt="logo" src="images/logomain.png" />     <br /><br />     <form id="form1" runat="server" class="fordiv">          <div id="box">                <span>                      <img src="images/none.png"  id="avtar" />                  </span>               <div style="margin-left: 190px;margin-top: -170px";>                   <span>                 <asp:textbox cssclass="textbx" id="txt_us" runat="server" placeholder="enter username"></asp:textbox><br /><br />                  </span>                <span>                  <asp:textbox  cssclass="textbx"  id="txt_pwd" runat="server" placeholder="enter password" textmode="password"></asp:textbox><br /><br />                 </span>                 <span>                   <asp:button id="button1" cssclass="button" runat="server" text="login" onclick="button1_click" />                 </span>             </div>         </div><br /><br />        <asp:label id="label1" cssclass="info" visible="false"     runat ="server" text="" bordercolor="black"></asp:label>     </form>      <table  class="table" style="border: medium groove #ffffff; width: 100%; margin-top: 200px; ">         <tr>             <td>                 <img style="margin-left: 10px;"  src="images/passd.jpg" />             </td>              <td>                 <img src="images/1.jpg" />             </td>             <td>                  <img src="images/2.jpg" />             </td>             <td>                  <img src="images/3.jpg" />             </td>             <td>                 <img src="images/4.jpg" />             </td>         </tr>      </table>          <br /><br /><br />   </body> </html>

now try create bootstrap responsive , tried this

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

but shows awkward display

any solution?

well, responsive design should using using bootstraps's grid system. think should read bit about responsive design here , bootstrap grid system here.


Comments

Post a Comment

Popular posts from this blog

php - How to add and update images or image url in Volusion using Volusion API -

actually have store importing products store product data insert , update image or image url not insert , update. this xml code name datapro.txt. <products_joined> <productcode>3710_012t</productcode> <vendor_partno>eah5450silent/di/1gd3(lp)</vendor_partno> <productname>test product ta</productname> <hideproduct>n</hideproduct> <stockstatus>20</stockstatus> <lastmodified>1/5/2016 10:25:00 am</lastmodified> <lastmodby>2</lastmodby> <productweight>0.9</productweight> <productprice>100</productprice> <productmanufacturer>asus tek</productmanufacturer> <vendor_price>32.69</vendor_price> <numproductssharingstock>0</numproductssharingstock> <categoryids>107</categoryids> <producturl>http://tebkq.mvlce.servertrust.com/productdetails.asp?productcode=3710_012t</producturl...
Read more

Laravel mail error `Swift_TransportException in StreamBuffer.php line 269: Connection could not be established with host smtp.gmail.com [ #0]` -

i developing website contact-us page guest users can send me email using gmail . anytime try send mail using contact-us form, error swift_transportexception in streambuffer.php line 269: connection not established host smtp.gmail.com [ #0] this mail.php return [ 'driver' => env('mail_driver', 'smtp'), 'host' => env('mail_host', 'smtp.gmail.com'), 'port' => 587, 'from' => ['address' => '', 'name' => ''], 'encryption' => env('mail_encryption', 'tls'), 'username' => env('mail_username'), 'password' => env(mail_password), 'sendmail' => '/usr/sbin/sendmail -bs', 'pretend' => env('mail_pretend', false), ]; this .env mail_driver=smtp mail_host=smtp.gmail.com mail_port=587 mail_username=afecjaped@gmail.com mail_password=********...
Read more

c# SetCompatibleTextRenderingDefault must be called before the first -

i tried search exception couldn't find solution on case i'am using code below invoke .net application : assembly assem = assembly.load(data); methodinfo method = assem.entrypoint; var o = activator.createinstance(method.declaringtype); method.invoke(o, null); the application invoked has form , in entrypoint of application : [stathread] static void main() { application.enablevisualstyles(); application.setcompatibletextrenderingdefault(false); //exception application.run(new form1()); } setcompatibletextrenderingdefault must called before first iwin32window object created in application. edit : assembly = assembly.load(data); methodinfo method = a.gettype().getmethod("start"); var o = activator.createinstance(method.declaringtype); method.invoke(o, null); you should create new method skips initialization...
Read more