Bootstrap - odstępy między kolumnami.

Question

Witam, mam taki kodzik: 

    <section class="sites">
        <h1>realizacje</h1>
        <div class="container">
            <div class="row">
                <div class="col-xl-4">d</div>
                <div class="col-xl-4">d</div>
                <div class="col-xl-4">d</div>
            </div>                                
        </div>
    </section>

Jak mogę zrobić, aby były delikatne odstępy między kolumnami, tak jak tutaj: https://ibb.co/dMJsfWz? Po dodaniu marginesów, offsetu itp dalej przeskakuje mi do kolejnej linii. 

Answer 1

Dodaj klasie row kalse col-xl-12 a potem baw sie atrybutem marign

Comments

Dalej przeskakuje

---

podelsij caly kod najlepiej na codepen.io

---

https://codepen.io/chumanista/pen/wVQEdp

---

   <div class="row col-xl-12">
                <div class="tile col-xl-3">d</div>
                <div class="tile col-xl-3">d</div>
                <div class="tile col-xl-3">d</div>
                <div class="tile col-xl-3">d</div>
            </div>    

Takie coś jak coś może funkcjonować, dodałeś swoje propertiesy 

.sites > .container > .row > .tile {
    width: 25%;
    background-color: #FFF;
    margin-right: 1px;
}

Nie mam pomysłu jak chcesz to zrobić finalnie dlatego nie będe CI w tym grzebać :) 

Generalnie jak wywalisz tam margin-right: 1px; to wszytsko odpowiednio sie uklada