Bootstrap 4 Geliyor Geri Kalmayın

17.08.2016 08:51

webprogramlama WM Aracı Kullanıcı

Üyelik 18.07.2016
Yaş/Cinsiyet 31 / K
Meslek Yazılımcı
Konum Ankara

Ad Soyad E** K**
Mesajlar 18
Beğeniler 17 / 13
Ticaret 0, (%0)

Valla hocam bootstrap iyide şu grid sisteminin mantığını bir türlü çözemeyince işler karışıyor. sovetski

Grid Sistemi Şudur

Bir matematik defteri düşün.

Defter = Site
Sayfa = container
kareli satır = row (12 tane kareden oluşur)

Bu kadar basit.

Eğer telefon için tasarım yapıyorsanız karenizin class adı col-xs, eğer PAD için çalışıyorsanız karenizin class adı col-sm'dir.

Eğer 17 inc ve altı 17 inc PC için tasarlıyorsanız karenizin adı col-md, 17 inc üzeri PC'ler için de col-lg ve daha büyükleri için col-xl.

Bu sayede col dediğimiz şey colon kelimesinin kısaltılmışıdır. Yani 12 kolondan oluşuyor.

Matematirk defteri gibi aşağıya doğru siteniz 3 satırdan oluşuyorsa



İlk Satır

İkinci Satır

Üçüncü Satır

Şeklinde üç adet ROW olacak.

Bu satırların her birinde sadece 3 kolon olacaksa, o zaman 12 karemizi 3'e bölelim ve şöyle yazalım:



İlk Kolon

İkinci Kolon

İkinci Kolon

Böylece 4 x 4 = 12 tane kareye ulaşmış olduk.

Avantajı nedir?
Mobil cihazlarda açılınca her bir kolon otomatik olarak alta düşecek ve tasarım bozulmayacak.

VS. vs.

Zaman yok anlatmaya.

3 kişi bu mesajı beğendi.

Twitter Hesabı: @web_programlama
Google+ Hesabı: https://plus.google.com/u/0/110187108814964507049

17.08.2016 09:57

#32

Scrite WM Aracı Kullanıcı

Üyelik 21.11.2012
Yaş/Cinsiyet 33 / E
Meslek SEM - İnbound Marketing
Konum İstanbul Avrupa

Ad Soyad S** G**
Mesajlar 747
Beğeniler 27 / 214
Ticaret 8, (%100)

webprogramlama adlı üyeden alıntı



İlk Satır

İkinci Satır

Üçüncü Satır

Şeklinde üç adet ROW olacak.

Bu satırların her birinde sadece 3 kolon olacaksa, o zaman 12 karemizi 3'e bölelim ve şöyle yazalım:



İlk Kolon

İkinci Kolon

İkinci Kolon

Böylece 4 x 4 = 12 tane kareye ulaşmış olduk.

Avantajı nedir?
Mobil cihazlarda açılınca her bir kolon otomatik olarak alta düşecek ve tasarım bozulmayacak.

VS. vs.

Zaman yok anlatmaya.

Şu yazdığınızı konu içeriğine kısaca bootstrap nedir başlığıyla ekleyin bilgisi olmayan arkadaşlar için yararlı olur.

17.08.2016 10:39

#33

MertUslu Estağfirullah Kullanıcı

Üyelik 06.04.2014
Yaş/Cinsiyet 33 / E
Meslek Ademoğlu
Konum Ankara

Ad Soyad M** U**
Mesajlar 1022
Beğeniler 240 / 291
Ticaret 3, (%100)

Bootstrap ile yapılmış örnek siteler varsa atabilirmisiniz acaba, merak ediyorum nasıl sonuçlar verdiğini.

17.08.2016 10:49

#34

FurkanHisamioglu Arayüz Çizeri Kullanıcı

Üyelik 05.01.2014
Yaş/Cinsiyet 23 / E
Meslek Öğrenci
Konum Ankara

Ad Soyad F** H**
Mesajlar 1763
Beğeniler 214 / 508
Ticaret 11, (%100)

henüz birkaç gündür ilgileniyorum bootstrap ile. ilgi duyuyorum gerçekten iyi birşey. eğer bir grup kurulacaksa içinde olmak isterim.

17.08.2016 10:57

#35

7T7 Gerçekçi Kullanıcı

Üyelik 19.09.2015
Yaş/Cinsiyet 30 / E
Meslek Allah Ne Verdiyse
Konum İstanbul Avrupa

Ad Soyad T** Ö**
Mesajlar 277
Beğeniler 158 / 74
Ticaret 1, (%100)

Bootstrap 'ı öğrenebileceğim eğitici bir kaynak varmıdır? (makale, video, görsel şeklinde anlatımlı)

17.08.2016 11:09

#36

Makgul WM Aracı Kullanıcı

Üyelik 20.09.2015
Yaş/Cinsiyet 30 / E
Meslek Öğrenci
Konum Gaziantep

Ad Soyad M** A**
Mesajlar 33
Beğeniler 1 / 4
Ticaret 2, (%100)

Bootstrap candır can. Grup kurma fikri cok mantıklı ben kabuk ederim grubu

Skype: mehmet2762

17.08.2016 11:32

#37

GrafikYazilim06 WM Aracı Kullanıcı

Üyelik 01.06.2016
Yaş/Cinsiyet 41 / E
Meslek Grafiker, Yazılımcı
Konum Ankara

Ad Soyad A** K**
Mesajlar 188
Beğeniler 121 / 63
Ticaret 14, (%100)

İnternetteki responsive(duyarlı) sitelerin çoğu bootstrap kullanıyor. Duyarlı demek görüntülenen cihaza göre tasarımın ayarlanması demek. Örneğin masaüstü pc, notebook, tablet, cep telefonu vb. Tarayıcının pencere genişliğini değiştirdiğinizde menüler ve site görünümü değişiyorsa o sitenin duyarlı olduğu anlaşılır. Sayfa kaynağını göster dediğimizde bootstrap.cs, bootstrap.min.css, bootstrap.min.js gibi ifadeler varsa o site bootstrap kullanıyor demektir.

17.08.2016 12:03

#38

ByDost WM Aracı Kullanıcı

Üyelik 28.08.2015
Yaş/Cinsiyet 37 / E
Meslek Webdeveloper
Konum Mersin

Ad Soyad E** Y**
Mesajlar 406
Beğeniler 19 / 87
Ticaret 0, (%0)

Bootstrap kullanmayanlar için bir soru;

Şahsen ben hiç kullanmadım. İngilizce terimleri Türkçeye çevirerek öğrenemedikten sonra kodların ne işe yaradığını ve kod parçalarının ne özellikler taşıdığını öğrenemedikten sonra nasıl kavrayacağız bu bootstrap kod parçalarını?

Şahsen benim tek kaybım bu. Siz yazarsınız ben kolay şekilde geliştirebiliyorum. Fakat sıfırdan kod yazmam %10 kadar düşük bir seviyede. Yukarıda arkadaşın söylediği gibi bir topluluk grubu açmak yerine Türkçe destek verebilen ve/ya öğretici belgeler sunan (sadece bootstrap içerikli) bir tasarım yapsanız olmaz mı?

Böylece bilmeyen kişilere de en azından balık tutmayı öğretmiş olursunuz

Bootstrap 4 Geliyor Geri Kalmayın

Üye Girişi Yap