HTML頁面將不會切換到手機版本/沒有響應

-1

<body> 
    <nav class="navbar navbar transparent"> 
     <div class="container-fluid logo"> 
     <div class="navbar-header"> 
     <a class="navbar-brand" href="#"> 
      <img src="images/Logo.png" /> 
     </a> 
     </div> 
    <ul class="nav navbar-nav navbar-right right font-top"> 
      <li class="Buybtn-topright"> 
      <button type="button" class="btn-link"> Buy now</button> 
     </li> 
    </ul> 
    </div> 
</nav> 
<div class="form" > 

    <ul class="tab-group"> 
    <li class="tab active"><a href="#signup">Sign Up</a></li> 
    <li class="tab"><a href="#login">Log In</a></li> 
    </ul> 

    <div class="tab-content"> 
    <div id="signup"> 
     <h1>Sign Up for Free</h1> 

     <form action="signup.php" method="post"> 

     <div class="top-row"> 
     <div class="field-wrap"> 
      <label> 
      Full Name<span class="req">*</span> 
      </label> 
      <input type="text" name="FuName" required autocomplete="off" /> 
     </div> 

     <div class="field-wrap"> 
      <label> 
      user name<span class="req">*</span> 
      </label> 
      <input type="text" name="username"required autocomplete="off"/> 
     </div> 
     </div> 

     <div class="field-wrap"> 
     <label> 
      Email Address<span class="req">*</span> 
     </label> 
     <input type="email" name="email"required autocomplete="off"/> 
     </div> 

     <div class="field-wrap"> 
     <label> 
      Set A Password<span class="req">*</span> 
     </label> 
     <input type="password" name="password" required autocomplete="off"/> 
     </div> 
     <div class="field-wrap"> 
     <label> 
      c A Password<span class="req">*</span> 
     </label> 
     <input type="password" name="CPass" required autocomplete="off"/> 
     </div> 

     <button type="submit" class="button button-block"/>Get Started</button> 

     </form> 

    </div> 

    <div id="login"> 
     <h1>Welcome Back!</h1> 

     <form action="signin.php" method="post" > 

     <div class="field-wrap"> 
     <label> 
      username <span class="req">*</span> 
     </label> 
     <input name="username" id="username" required autocomplete="off"/> 
     </div> 

     <div class="field-wrap"> 
     <label> 
      Password<span class="req">*</span> 
     </label> 
     <input type="password" name="password" id="password" required autocomplete="off"/> 
     </div> 

     <p class="forgot"><a href="#">Forgot Password?</a></p> 

     <button type="submit" name="submit" value="Login "class="button button-block"/>Login</button> 

     </form> 

    </div> 
    </div> </div> 
     <div class="row"> 
    <nav class="navbar navbar-default footer"> 
     <div class="container-fluid"> 
     <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"></button> 
     <a class="navbar-brand" href="#"> 
      <img src="images/Logobott.png" /> 
     </a></div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
      <ul class="nav navbar-nav"> 
      <li class="foot-stylee"> 
       <a href="#">Apps</a> 
      </li> 
      <li> 
       <a href="#">Gadgets</a> 
      </li> 
      <li> 
       <a href="#">Sience</a> 
      </li> 
      <li> 
       <a href="#">Nature</a> 
      </li> 
      <li> 
       <a href="#">Creative</a> 
      </li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right nav-r"> 
      <li> 
       <a href="#">© 2016 Great Simple</a> 
      </li> 
      </ul> 
     </div> 
     </div> 
    </nav> 
    </div> 

    <!-- tab-content --> 


    </div>  
     </body> 
      </html>

我有上面的代碼在html中，當我在移動版本看，它看起來像桌面，所以它沒有響應。但是讓我困惑的是，對於FOOTER和HEADER，我在其他頁面中有相同的確切代碼，並且它們是響應式的？任何建議？HTML頁面將不會切換到手機版本/沒有響應

來源

2016-09-21 Amir Torkashvand

你的''內容是什麼樣的？你應該有''以啓用Bootstrap響應。 – nyedidikeke

謝謝你已經解決了 –

你應該接受正確的答案，以便將此問題標記爲已回答。 – nyedidikeke

有沒有機會忘記加載Bootstrap CSS？

來源

2016-09-21 01:52:38

要使用twitter引導啓用響應，HTML頁面的<head>部分應包含<meta name="viewport" content="width=device-width, initial-scale=1">。

因此，對於基本啓動響應式twitter Bootstrap模板，請轉至getting started twitter Bootstrap頁面。

來源

2016-09-21 01:58:15 nyedidikeke

謝謝你已經解決了 –

HTML頁面將不會切換到手機版本/沒有響應

回答

相關問題