• 25-09-2020, 17:27:12
    #1
    Arkadaşlar merhaba
    CSS kısmına hakimim ama insanların tercihinin bootstrap olmasından dolayı öğrenmeye başladım.
    Şimdi bi container divim var buna p-4 değerini verdiğimde pc de güzel oluyor ama mobilde çok büyük kalıyor bunu ayarlamasını nasıl yapıyorsunuz.
    Normal CSS de basit bi işlem ama bootstrap kısmındada aynı şekilde mi işlem yapılıyor bilgi verirseniz sevinirim.
  • 25-09-2020, 17:30:58
    #2
    Bu tarz temel bilgiler kendi sitesinde daha detaylı yer alıyor aslında ama sorunun cevabı aşağıdaki gibi.

    p-breakpoint-value
    p-lg-5 p-md-4 p-sm-3 p-xs-2 gibi.
  • 25-09-2020, 17:31:38
    #3
    waptayiz adlı üyeden alıntı: mesajı görüntüle
    Arkadaşlar merhaba
    CSS kısmına hakimim ama insanların tercihinin bootstrap olmasından dolayı öğrenmeye başladım.
    Şimdi bi container divim var buna p-4 değerini verdiğimde pc de güzel oluyor ama mobilde çok büyük kalıyor bunu ayarlamasını nasıl yapıyorsunuz.
    Normal CSS de basit bi işlem ama bootstrap kısmındada aynı şekilde mi işlem yapılıyor bilgi verirseniz sevinirim.
    https://mdbootstrap.com/docs/jquery/utilities/spacing/
  • 25-09-2020, 17:31:48
    #4
    Boostrapta da aynı çekilde hocam @media screen ile ayarlıyorsunuz
  • 25-09-2020, 17:31:58
    #5
    Anathory adlı üyeden alıntı: mesajı görüntüle
    Bu tarz temel bilgiler kendi sitesinde daha detaylı yer alıyor aslında ama sorunun cevabı aşağıdaki gibi.

    p-breakpoint-value
    p-lg-5 p-md-4 p-sm-3 p-xs-2 gibi.
    Çok teşekkür ederim. Göz gezdirdim ana denk gelemedim herhalde.
  • 25-09-2020, 17:33:00
    #6
    Bootstrapta işin fazla bir espirisi yoktur. Normal css gibi dive class atayıp buna css ekleyebilirsiniz. Dikkat etmeniz gereken tek şey css dosyalarını çağırırken bootstrabı daha önce çağırmanızdır yoksa sizin kodlar etkisiz kalabilir.

    Css hakim olduğunuzdan dolayı css responsive konusuna girmiyorum ama örnek felan isterseniz yardımcı olabilirim. Bootstrap mobil ve masaüstü farklı şekilde boyutlandırma yapmak istersenizde gird sistemine bakabilirsiniz.
    https://getbootstrap.com/docs/4.0/layout/grid/

    Projenizde başarılar ve iyi çalışmalar dilerim hocam.
  • 25-09-2020, 17:34:00
    #7
    ASametYildirim adlı üyeden alıntı: mesajı görüntüle
    Bootstrapta işin fazla bir espirisi yoktur. Normal css gibi dive class atayıp buna css ekleyebilirsiniz. Dikkat etmeniz gereken tek şey css dosyalarını çağırırken bootstrabı daha önce çağırmanızdır yoksa sizin kodlar etkisiz kalabilir.

    Css hakim olduğunuzdan dolayı css responsive konusuna girmiyorum ama örnek felan isterseniz yardımcı olabilirim.

    Projenizde başarılar ve iyi çalışmalar dilerim hocam.
    Teşekkür ederim. Kaptım hocam birşeyler.
  • 25-09-2020, 17:34:32
    #8
    https://getbootstrap.com/docs/4.0/utilities/spacing/
    px vermek yerine diğer monil değerleri verin ayrıca bootstrapin sitesinde oldukça güzel analtılıyor bu tarz şeyler yalın bir dil ile
  • 25-09-2020, 17:38:01
    #9
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Güncel döküman 4.0 değil bu 4.5.2

    https://getbootstrap.com/docs/4.5/ge.../introduction/