html - Bootstrap site, I can either have the menu item resposive OR look correct but not both -
i'm trying create menu login "username/password/sign in" buttons appear on desktop site in mobile responsive version jut want "sign in" option directs sign in page.
i've used bootstrap-responsive.css make login-in boxes disappear when not in desktop, works treat "sign in" menu item either responsive or correctly formatted not both
here code
<span class="visible-phone visible-tablet" > <li class="dropdown"> <li> <a href="sign_in.html">sign in</a> </li> </li> </span> <li class="dropdown visible-desktop"> <div class="form-group"> <form class="form-inline" role="form"> <label class="sr-only" for="exampleinputemail2">email address</label> <input type="email" class="form-control" id="exampleinputemail2" placeholder="enter email"> <label class="sr-only" for="exampleinputpassword2">password</label> <input type="password" class="form-control" id="exampleinputpassword2" placeholder="password"> <button type="submit" class="btn-u btn-u-default">sign in</button> <label><h6>forgot password?</h6></label> </form> </div> </li>
this hide menu in desktop view display in mobile/tablet view formatting out, form part of code works perfectly
i changed "visible-phone" , "visible-tablet" 2 separate entries , seems have worked
<li class="dropdown visible-phone"> <a href="page_login.html">sign in</a> </li> <li class="dropdown visible-tablet"> <a href="page_login.html">sign in</a> </li>
Comments
Post a Comment