фиксированный div справа в сетке бутстрапа

Question

У меня есть два элемента div на веб-странице. Лево и право. Согласно требованию, правый div должен быть фиксированным, но чувствительным и оставить плавать нормально. Это находится на html-странице с фоном и с отступом на левой и правой сторонах.

<div class="wrapper"> 
    <div class="col-lg-7 "> 
     <div class="row"> 

     </div> 

    </div> 
    <div class="col-lg-5 fixed"> 
     <div class="row"> 

     </div> 
    </div> 
</div> 

стилей является

.fixed {положение: фиксированный; }

Когда я пытаюсь использовать код выше, фиксированный div перекрывается на левом div.

Я добавил смещение col-lg-7 в правую сторону div.

класс = "Col-LG-5 фиксированных Col-LG-7-смещение"

DIV выравнивается вправо, но ее пределами DIV обертки. Я имею в виду, что div плавает до основного div с фоном.

Как я могу исправить div на правой стороне в обертке div.

Answer 1

Сначала вам нужно удалить смещение, потому что оно смещает его к другому div.

Во-вторых, вам не нужно использовать фиксированное позиционирование с вашей текущей настройкой, потому что при определенных разрешениях экрана фиксированное положение остается, в то время как нефиксированное положение перемещается и в этом случае будет перекрываться фиксированным div.

Кроме того, ваша установка не идеальна, вы должны иметь строки за пределами столбцов.

Пример:

<div class="wrapper"> 
    <div class="row"> 
     <div class="col-lg-7 "> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="col-lg-5 fixed "> 
     </div> 
    </div> 
</div> 

Но, делая это, вы теперь имеете 5 столбцов в первой строке, которая должна сопровождаться с другими 7 столбцов, и то же самое на втором ряду. Это пустое пространство может вызвать проблемы.