Заказ виджетов WordPress в Bootstrap - PullRequest
Новая
       26

Заказ виджетов WordPress в Bootstrap

0 голосов
/ 07 мая 2019

Я знаю, что есть проблемы, связанные с ними, и я достиг чего-то, что работает довольно хорошо.

Но я не знаю, как сделать это в мобильной версии, виджеты размещаются в концевся сеть.

Вот так выглядит моя структура в режиме рабочего стола.enter image description here

И так это выглядит в мобильном режиме.enter image description here

Идея состоит в том, чтобы область виджета находилась в конце всей страницы.Имейте в виду, что я реализую это в Wordpress-теме , поэтому в соответствии с кодом, который я собираюсь добавить далее, я собирался поместить вызов в «боковую панель» в столбце. 

<div class="container">
  <div class="row">
    <div id="primary" class="content-area col-md-7 order-2 order-md-1">
        <div class="col">
          Playlist
        </div>
    </div>

    <div class="col-md-5 order-1 order-md-2">
      <div class="col">
        Player
      </div>
      <div class="col">
        Widget
        <!-- Here would go the call to the sidebar of Wordpress. -->
        <?php get_sidebar(); ?>
      </div>
    </div>
  </div>  
 </div>

Обновление: так я надеюсь в мобильной версии.enter image description here

Вот пример: https://jsfiddle.net/k0hmwgyq/

...