Отзывчивая страница с 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

ответ

Смежные вопросы