Guys, I decided to make a bootstrap in the layout - a slider, I can not even figure out how to shove it. Grid 12 is columnar, if I make a picture as 2 columns - then 6 elements arise, and there is already NO space under the left-right twists. The same thing happens if you make a picture as 3 elements - there will already be 4 photos, but there is no place. Here's how to choose the cells for the slider in such a way that there would be 1 cell for the twisters on the sides? thank you in advance.

    1 answer 1

    um .. I understand that apparently we are talking about a carousel , even if not, the principle is the same. Tell me, who makes you align its width on the bootstrap columns? Why not just take another div inside the column and give it just a normal style?

     <style> .carousel { widh: 200px; margin: 0 auto; } </style> <div class="container"> <div class="row"> <div class="span6">1 колонка</div> <div class="span6> <div id="myCarousel" class="carousel slide">код элементов слайдера</div> </div> ... 

    total it turns out that the slider is inside the column and takes up less space

    • Yes, you are right, but the effect is not the same as from 960 gs - it was simpler with blocks, each was in its place. - oldzas