Bootstrap Отзывчивый Вкладки с Ajax загружен содержание

Question

Я имею много вкладок в моем веб-сайт разработан с Bootstrap, который я пытался сделать отзывчивым с помощью https://github.com/flatlogic/bootstrap-tabcollapse (Demo здесь: http://tabcollapse.okendoken.com/example/example.html)

Я был в состоянии сделать вкладки отзывчивым, но проблема заключается в том, что я загружаю содержимое в вкладки с помощью AJAX (например, https://coderwall.com/p/1lnxba/load-bootstrap-tabs-dynamically), и проблема в том, что вся разметка вкладки изменяется на панель при изменении размера на малый размер и идентификатор элемента.

Итак, как я могу загрузить элементы внутри этих вкладок с помощью ajax, так как изменена разметка. Я не хочу писать отдельный код для загрузки для обоих случаев.

Или есть ли другая лучшая альтернатива этому? Или какое-то решение, которое не меняет разметку вкладок, но все же реагирует?

Заранее спасибо.

Answer 1

Попробуйте использовать Bootstrap's Containers для хранения содержимого, загруженного AJAX.

Я предполагаю, что ваш код является чем-то вроде этого (только бит в виде таблицы), но вы должны обновить свой вопрос, по крайней мере, с макетом, чтобы получить лучшие ответы.

<div class="tab-pane fade in active" id="home"> 
    <!-- ... Other Content ... --> 
    <div id="ajaxContent" class="container"> 
     <!-- Where Tab 1 Content would go because it's active --> 
    </div> 
    <!-- ... Other Content ... --> 
</div> 

Полный список классов, которые вы можете использовать, см. В Bootstrap's Components page.