Bootstrap - przerwa między kolumanmi.

Question

Witam, próbuje i próbuje, dalej nie mam pojęcia jak to zrobić. Potrzebuję przerwę między kolumnami jak na drugim zdjęciu. Próbowałem paddingami, marginami, nie mam pojęcia jak to zrobić. https://imgur.com/a/7RW8bfF

 

<div class="container">
             
                <div class="row" style="margin-top: 40px;">
                 
                    <div class="col-sm-9" style="background-color: #059875; height: 200px;">
                     
                        s x x
 
                    </div>
                    
                     
                    <div class="col-sm-3" style="background-color: #059875; height: 200px;">
                     
                        s x x
                         
                    </div>
                     
                     
                     
                </div>
                 
            </div>

 

Answer 1

2 dni zastanawiania się jak to ogarnąć, a po wstawieniu na forum pytania za 30minut wpada człowiek co można zrobić. 

Odpowiedź: style="" przeniosłem do nowego diva w css'ie.

<div class="col-sm-9">

	<div class="pole">

                  s x x

	</div>

</div>

 

Answer 2

Możesz użyć klasy bootstrapa offset-1 (przesuwa o jedną kolumnę w prawo). Można też definiować wielkości ekranu (np. offset-md-3)

Comments

Jeśli zrobię odstęp jednej kolumny, odstęp będzie za duży. A tak jak zrobiłem jest idealnej wielkości. Dzięki za propozycje.