boostrap sorunu

Arkadaşlar merhaba öncelikle ben aşağıda yazdığım boostrap kodunu yazıyorum ama kod nedense çalışmıyor bir bakarmısınız lütfen ? aşağıdaki kutunun sağa doğru 4 kıdem kayması lazım ama kaymıyor yardım ederseniz sevirim kod aşağıda yazılı...

<style>

.kutu {
border:1px solid;
height:200px;
background-color:#099;
width:200px;}



</style>


<div class="kutu col-lg-4"></div>
______________
özgürlük bir yaşam biçimidir.

Bunun için herhangi bir css kodu kullanmanıza gerek yok

offset clasını kullanarak bir dörtlük ileriye itebilirsiniz.


Veya;

Bu şekilde bir boş dörtlük atarak en başa yine ileriye itmiş olursunuz ancak ilk yöntem daha mantıklı bootstrap için ekstra css kodu yazmanıza gerek yok bu yüzden var zaten kendileri.
______________
Google Play Developer

boostrapta width değeri çalışmıyor css ile genişlik verdiğim zaman kayma olmuyor ben istediğim gibi genişlik verip kayma yapabilmeliyim ama genişlik verdiğimiz elementler neden çalışmıyor onu anlamadım ? çünkü ben hem boostrap tasarım için hemde kendi orjinal tasarım için bir web site yapıcam
______________
özgürlük bir yaşam biçimidir.

Bootstrap'ın kendi ızgara sistemi ile oynarsanız tasarım bozulabilir veya mobil uyumluluğu gidebilir.
Zaten divi genisletmek istiyorsaniz lg-6 gibi değer verebilirsiniz width değeri vermenize gerek yok. Burda önemli olan ızgara dikey olarak 12 ye bölünmüştür. Yani diger diviniz de 6 lık olmalı.
______________
Google Play Developer

anladım fakat neden width veremiyoruz ?
______________
özgürlük bir yaşam biçimidir.

Verebilirsiniz anlamsız olur. Grid yapısını incelersniz neden anlamsız olduğunu daha iyi anlarsınız.
______________
Google Play Developer