Bootstrap Ufak Bir Sorun

24-06-2016, 17:37:23

Arkadaşlar Grid sistemi üzerinde çalışırken header, nav, section, aside olarak parçalama yaparken şöyle bir görüntü oluştu.

Yani section ile aside taştı yanlardan sebebi nedir?

Kodlar :

<section>
      <div class="row">
        <div class="col-md-8">Section</div>
        <div class="col-md-4">Aside</div>
      </div>
    </section>

section .row .col-md-8{
    height: 350px;
    background: #f1c40f;

}
section .row .col-md-4{
	background: #2980b9;
	  height: 350px;
}

25-06-2016, 15:29:59

#2

Tonks

F. STACK WEB + MOBILE DEV

Sahve adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar Grid sistemi üzerinde çalışırken header, nav, section, aside olarak parçalama yaparken şöyle bir görüntü oluştu.

Yani section ile aside taştı yanlardan sebebi nedir?

Kodlar :

<section>
      <div class="row">
        <div class="col-md-8">Section</div>
        <div class="col-md-4">Aside</div>
      </div>
    </section>

section .row .col-md-8{
    height: 350px;
    background: #f1c40f;

}
section .row .col-md-4{
	background: #2980b9;
	  height: 350px;
}

HTML'de, header'a row sınıfını eklemediniz ama aşağıya eklediniz, ondan büyük ihtimal. HTML'den row sınıfını kaldırın, ardından sonucu buraya yazın.

25-06-2016, 17:40:54

#3

kaangumus

Sahve adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar Grid sistemi üzerinde çalışırken header, nav, section, aside olarak parçalama yaparken şöyle bir görüntü oluştu.

Yani section ile aside taştı yanlardan sebebi nedir?

Kodlar :

<section>
      <div class="row">
        <div class="col-md-8">Section</div>
        <div class="col-md-4">Aside</div>
      </div>
    </section>

section .row .col-md-8{
    height: 350px;
    background: #f1c40f;

}
section .row .col-md-4{
	background: #2980b9;
	  height: 350px;
}

kardeşim senin sorunun margin 0 lamakta . yeni bir class oluşturup row yanına oluşturduğun class yazıp , o class css üzerinden margin:0px olarak değer verdiğinde sorunun düzelmiş olucaktır.

26-06-2016, 15:58:15

#4

YouSuf

Row 15px dışarı atar, muhtemelen bu yüzden.