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

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

delphi - Indy UDP Read Contents of Adata -

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -