Float Temizleme Mantığı

[Abdullah 37]

Arkadaşlar grid yapılı bir sistemde float left yapılarak yan yana getirilen kutucukların kayma yapmaması için nasıl bir yöntem kullanıyorlar. Bootstrap yada diğer frameworklar, framework yapısını kodlarken bu temizleme işlemini nasıl yaptırıyor? Bilginiz var mı?

Edited November 23, 2015 by Abdullah 37

[abdullahTR]

temizlemekten kasıt responsive oldugu için çözünürlüğe göre kayıyor o divler float:left; varsa alttaki dive clear:both; yapılır genelde 
 
örnek adam anlatmıs mesela responsive olayını 

http://www.bulutuzer.com/responsive-css-yazmak-ve-mantigini-kavramak/

burdada adam eğimini veriyor

http://www.wmdoc.org/egitim/responsive-web-sayfasi-yapiyoruz-1--bootstrap

Edited November 23, 2015 by abdullahTR

[Abdullah 37]

 

temizlemekten kasıt responsive oldugu için çözünürlüğe göre kayıyor o divler float:left; varsa alttaki dive clear:both; yapılır genelde 
 
örnek adam anlatmıs mesela responsive olayını 

http://www.bulutuzer.com/responsive-css-yazmak-ve-mantigini-kavramak/

burdada adam eğimini veriyor

http://www.wmdoc.org/egitim/responsive-web-sayfasi-yapiyoruz-1--bootstrap

 

 

Hocam diyelim ki 12'lik grid yapıda 9 kolonluk bir içerik solda 3 kolonluk menü sağda olsun. Bunlar haliyle float kullanılmış oluyor. İşte hocam burada sormak istediğim şey şu. Bootstrap tasarımlarına bakınca kolonlardan sonra herhangi bir temizleme div'i göremiyorum. Bu işlemi hangi seçici class'ına yazıyorlar? Önceden nasıl belirliyorlar?

Edited November 23, 2015 by Abdullah 37

[abdullahTR]

Hocam diyelim ki 12'lik grid yapıda 9 kolonluk bir içerik solda 3 kolonluk menü sağda olsun. Bunlar haliyle float kullanılmış oluyor. İşte hocam burada sormak istediğim şey şu. Bootstrap tasarımlarına bakınca kolonlardan sonra herhangi bir temizleme div'i göremiyorum. Bu işlemi hangi seçici class'ına yazıyorlar? Önceden nasıl belirliyorlar?

responsive tasarım yapmayı bende bilmiyorum ama grid(ızgara) denilen bir yapı var bu yapıya göre tasarım yapılıyor responsive olayı yokken clear:both atıyoduk bundada büyük ihtimal belli baslı ana classların içine gömülmüş olabilir buda sana yanlıs bilgide vermek istemiyorum

http://www.adobewordpress.com/ders-2-bootstrap-grid-izgara-yapisi

bu yapıya göre ve pixellere göre yapıldıgı için clear kullanmıyorlar herhalde 

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css

arama yaptım clear:both; diye 1 tane cıktı

 

belki forumda bu işin tam mantıgını bilen biri vardır ve bende ögrenirim neden clear kullanmıyorlar

[Abdullah 37]

responsive tasarım yapmayı bende bilmiyorum ama grid(ızgara) denilen bir yapı var bu yapıya göre tasarım yapılıyor responsive olayı yokken clear:both atıyoduk bundada büyük ihtimal belli baslı ana classların içine gömülmüş olabilir buda sana yanlıs bilgide vermek istemiyorum

http://www.adobewordpress.com/ders-2-bootstrap-grid-izgara-yapisi

bu yapıya göre ve pixellere göre yapıldıgı için clear kullanmıyorlar herhalde 

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css

arama yaptım clear:both; diye 1 tane cıktı

 

belki forumda bu işin tam mantıgını bilen biri vardır ve bende ögrenirim neden clear kullanmıyorlar

 

Bilen arkadaşlar varsa yazar umarım hocam. Teşekkür ederim ilgin için.

[abdullahTR]

 

Bilen arkadaşlar varsa yazar umarım hocam. Teşekkür ederim ilgin için.

http://trbootstrap.com/css/

<div class="clearfix visible-xs-block"></div>

örnek böyle bir kullanımı varmıs

[Abdullah 37]

Hocam burada css ile fonksiyon filan mı yazılmış tam çözemedim.

 

.clearfix () { kodlar }

[abdullahTR]

bu şekilde ben daha önce hiç kod yazmadım ama . ile baslayanlar css de class olarak geciyor