Bootstrap hakkında profesyonel derece bilenler - Çok Acil

Herkese merhabalar, Ç

Ücretli olarak bootstrap hakkında istediğim bilgileri bana detaylıca anlatacak birini arıyorum.

Vereceğim örnek siteyide yapılacak işleri kodlar yardımı ile bana anlatacak

.visible-lg-block
hidden-lg

istediğim bölgenin sadece tablet ve mobile ile girdiğinde gözükmesini yada gözükmemesini istiyorum.
Tabloda taşan yazıların nasıl giderileceğini anlatmak
Buna benzer sorularım olacak.

Çok acildir. Pm ile ulaşabilirsiniz.

Selamlar siz bootstrap değil aslında css öğrenmeniz gerekiyor, bootstrap sadece bir framework, sizin istedikleriniz css ve javasicript.

aynen ancak site bootstrap ile yapılmış, telefonlarda görünmesini istediğim ve istemediğim yerleri ayarlayamadım. Yardımcı olacak birini arıyorum.

Yardımcı olabilirim.

bootstrap bir css framework'tür fakat arkadaşın dediği örneklerdeki herşeyi yapan bir framework'tür.

Visible & Hidden örnekleri

http://getbootstrap.com/css/#responsive-utilities

Aslında çok karışık bir durum yoktur.
Bootstrap'ta 4 tip ekran genişliğine göre işlem vardır
*-xs-* -> Extra small (Ekstra Küçük) 0px < XS < 768px
*-sm-* -> Small (Küçük) 768px <= XS < 992px
*-md-* -> Medium (Orta) 992px <= XS < 1200px
*-lg-* -> Large (Büyük) 1200px <= XS < ∞

üsteki tabloya göre gizleme, gösterme yapılabiliyor.
.visible-xs -> Sadece xs ebatlarında görünecek bir alan için kullanılır
.visible-sm -> Sadece sm ebatlarında görünecek bir alan için kullanılır
.visible-md -> Sadece md ebatlarında görünecek bir alan için kullanılır
.visible-lg -> Sadece lg ebatlarında görünecek bir alan için kullanılır

.hidden-xs -> Sadece xs ebatlarında gizlenecek alan için kullanılır.
.hidden-sm -> Sadece sm ebatlarında gizlenecek alan için kullanılır.
.hidden-md -> Sadece md ebatlarında gizlenecek alan için kullanılır.
.hidden-lg -> Sadece lg ebatlarında gizlenecek alan için kullanılır.

İhtiyacınız olanı belirleyip belli kombinasyonlar oluşturmanız gerekmektedir.
Örnek Medium ebatlarından küçük ekranda gizlenmesini istediğiniz bir alan var ise;
<div class="col-md-6 hidden-sm hidden-xs"></div> kullanılabileceği gibi
<div class="col-md-6 visible-md-6 visible-lg-6"></div> şeklinde de kullanılabilir.

Dikkat etmen gereken şey medium ve large ebatlarında görünecek ise her iki ebatıda yazman gerekiyor. eğer sadece medium yazarsan large ekranlarda da gözükmeyecektir.

Talep doğrultusunda mantık çerçevesine göre ihtiyacın olanı kullanabilirsin.
Örnek sadece xs ebatlarında gizlenecek bir alan için;
<div class="col-md-6 visible-lg visible-md visible-sm"></div> şeklinde yazmak yerine
<div class="col-md-6 hidden-xs"></div> şeklinde yazmak daha mantıklı olacaktır.


Tablolarda en kullanışlı olan şey ise table-responsive class'ı dır.

<div class="table-responsive">
<table class="table">
...
</table>
</div>

şeklinde yazıldığından büyük tablolarda kaydırma çubuğu çıkarak görüntü bozulmasını engelliyor.

Yukarıdaki gibi birçok özelliği içinde barındırıyor bootstrap.
Html ve css öğrenmeden yapılamasa da bunları öğrendikten sonra ekstra olarak bootstrap'ta öğrenmesi gerekiyor. İşleri kolaylaştıran onlarca satır css hazırlamaktan ve js kodları içinde debelenmekten kurtaran çok güzel bir sistemdir.

Bu arada vaktim oldukça soran olursa elimden geldikçe yazmaya çalışırım.

Elinize sağlık açıklayıcı anlatımınızın faydalı olacağını düşünüyorum, ben pek tercih etmesem de bootstrap de kullanarak yaptığım siteler var ama bazı müşterilerin isteklerini cevaplarken bootstrap framework'u işi karıştırabiliyor daha doğrusu gereğinden çok fazla kod barındırıyor, işin Büyüklük ölçüsüne göre çoğu zaman kullanımından kaçınıyorum, saygılar.

buradan sorarsan yardımcı olabilirim

kolay gelsin

Hocam customize özelliği sayesinde kullanmayacağınız özellikleri iptal ederek gereksiz kodlardan kurtulabilirsiniz.
http://getbootstrap.com/customize/
projenizin detaylarını kafanızda şekillendirdikten sonra gerekli olacak parçalara karar verir üsteki linkten gereksiz gördüklerinizi çıkartarak boş yere kod kalabalığı olmasını engelleyebilirsiniz.
ben genelde örnek vermek gerekirse bootstrap'ın kendi tooltip ve popover özelliklerini beğenmiyorum. o yüzden customize özelliği ile bunları çıkarıyorum ve harici tooltip ve popover ekliyorum. 2 defa tooltip eklememiş oluyorum.

övmek gibi olmasın ama kullanmaya alıştıktan sonra gerçektende işleri aşırı derecede hızlandıran bir sistem oluyor.

Bilgileriniz için teşekkür ederim, özelden skype atabilirseniz bootstrap işlerimde paslaşmalar isterim