В Bootstrap 2.3.2 как я могу изменить номер промежутка деления при изменении размера окна?
Я использую YiiStrap, расширение Yii, которое в настоящее время поставляется с Twitter bootstrap 2.3.2.
У меня есть два элемента в одном ряду, каждый из которых span6.
<div class="row-fluid">
<div class="span6">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tristique dolor, ut vehicula mi. Donec nec dui a nisl tincidunt suscipit. Pellentesque venenatis libero ac augue suscipit, vitae tristique arcu posuere.
</div>
<div class="span6 visible-desktop">
<img src="large_photo.jpg" />
</div>
</div>
Это прекрасно работает для размера рабочего стола, но как только я уменьшу окно до размера телефона, я бы хотел удалить второй элемент, используя класс.visible-desktop.
Теперь у меня остался только один элемент, у которого все еще есть span6, но я бы хотел, чтобы он был на span12. Можно ли указать, чтобы он изменил оставшийся элемент на span12, когда у нас не размер рабочего стола? Я знаю, что это возможно в Bootstrap 3, но, к сожалению, я застрял с 2.3.2, если я хочу использовать YiiStrap.
1 ответ
Вы можете сделать это с помощью jQuery, я не знаю синтаксиса extact, но я знаю, что вы можете использовать .toggleClass() переключаться между span6 - span12 и width(), =< чтобы проверить ширину элемента, все ширина в if{} sentense. Я новичок в jQuery, поэтому я не могу рассказать вам больше, надеюсь, это будет полезно