使用Bootstrap的響應式頁面

-1

我有下面的頁面，我正在嘗試使用Bootstrap響應。
第一欄有一些文字，第二欄有一個表格。
你能幫我理解爲什麼當我縮放我的瀏覽器時，它不工作？使用Bootstrap的響應式頁面

<div class="container-fluid"> 
    <h1 class="title-2 title-3"><span style="font-size: 36px; line-height: 40px;">TITLE1</span></h1> 
     <div class="row"> 
     <div class="col-sm-6"> 
      <ul> 
      <li>Text1</li> 
      <li>Text2</li> 
      <li>Text3</li> 
      </ul> 
     </div> 

<div class="col-sm-6"> 
    <div class="row"> 
     <div class="grid_6"> 
       <?php echo $form->getElement("first_name")?> 
     </div> 
     <div class="grid_6"> 
       <?php echo $form->getElement("last_name")?> 
     </div> 
    </div> 
       //form 
    <div class="row submit"> 
       <?php echo $form->getElement("post_now")?> 
    </div>

來源

2016-12-23 NewPassionnate

我想你忘了問一個具體問題。 – csmckelvey

我編輯了一個問題 – NewPassionnate

添加鏈接下面你<head>它看起來像它的外形非常有效：

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

UPDATE 現在我們知道了在那裏，嘗試更新你的代碼。我將您的班級標籤更新爲.col-md-6，並關閉了其他一些標籤。這裏有一個fiddle來查看非單列。

<div class="container"> 
 
<h1 class="title-2 title-3"><span style="font-size: 36px; line-height: 40px;">TITLE1</span></h1> 
 

 
<div class="row"> 
 
    <div class="col-md-6"> 
 
     <ul> 
 
     <li>Text1</li> 
 
     <li>Text2</li> 
 
     <li>Text3</li> 
 
     </ul> 
 
    </div> 
 
    <div class="col-md-6"> 
 
    
 
    <div class="row"> 
 
     <div class="col-md-6"> 
 
      <?php echo $form->getElement("first_name")?> 
 
     </div> 
 
     <div class="col-md-6"> 
 
      <?php echo $form->getElement("last_name")?> 
 
     </div> 
 
     <div class="col-md-6"> 
 
      <?php echo $form->getElement("post_now")?> 
 
     </div> 
 
    </div> 
 
    
 
    </div> 
 
</div>

來源

2016-12-23 18:47:27 Cutter

它被添加在頭對不起，我沒有把它包括在我的貼。它不工作:( – NewPassionnate

只是爲了清除一個想法，它是當你縮放瀏覽器，但不是在你的手機上工作嗎？ – Cutter

當我擴展我的瀏覽器時，它不工作 – NewPassionnate

使用Bootstrap的響應式頁面

回答

相關問題