BootStrap row , cm-md-3... Bu Komutların Kullanımı Hakkında Yardım

[CraftMineEkibi]

Merhaba ben bi web site kodlamaya basladım bu sene yapmaya basladım ama bı temamda bootstrap kullanarak ılk baslangıcı atmak ıstedım bootstrapda yanı yapacagım arayuzde login kısmı yapacaktım gırıs bolumu yanı örnek bu örnekdekı gıbı sag tarafa almak ıstedım ama nedense olmuyor nedenını anlayamadım lutfen yardımcı olurmusunuz assagıda kodu verdım bu sekılde oluyor bıldıgım kadarıyla ama sag tarafa gıtmesı gerekırken gıtmıyor lutfen yardımcı olun

<div class="row">
<div class="col-md-3">
            <div class="panel panel-success">
                <div class="panel-heading">Giriş</div>
                <div class="panel-body">
                   


                </div>
            </div>
        </div>
    </div>

Eger bende bir yanlıslık varsa lutfen dogrusunu yazarmısınız

 

[Reloven]

Css + HTML kodlarının tamamını verirsen yardımcı olabiliriz. Ayrıca Css bilmiyorsan hiç uğraşma.

 

[CraftMineEkibi]

BootStrap kullanıyorum kod bu col md 3 ama gelmıyor sag tarafa ıste

 

[Themis]

Buyur , basit bir kod örnegi ayrıca CSS bilmeden veya JS (CSS'in yerini tutmaz) iyi siteler cikartamazsın ilk önce kod bilgini genişletmen gerek.

Bootstrap kolon sistemi 12 adet yapidan oluşur sen direk col-md-3 dersen medium resolation yani lattoplar için ekranı 12'ye böl ve 3'ün width'ini o div'e ver dersin ben genede sadece sağa yasladım.

<div class="row">
  <div class="container-fluid">
    <div class="col-md-9">
      Her sayfa 12 Kolondan Oluşur , 1 tane sağa yaslancak'sa eğer 12-3 işlemi yapilip kodu yazilir.
    </div>
   
    <div class="col-md-3">
       <div class="panel panel-success">
          <div class="panel-heading">Giriş</div>
          <div class="panel-body"></div>
       </div>
    </div>
  </div>
</div>

body {overflow-x:hidden; background:#f5f5f5;}

 

[CraftMineEkibi]

saol teşekkürler ama işte arastırdıgımda hep oyle yapıyorlardı deneyınce olmadı oyzuden sordum

Buyur , basit bir kod örnegi ayrıca CSS bilmeden veya JS (CSS'in yerini tutmaz) iyi siteler cikartamazsın ilk önce kod bilgini genişletmen gerek.

Bootstrap kolon sistemi 12 adet yapidan oluşur sen direk col-md-3 dersen medium resolation yani lattoplar için ekranı 12'ye böl ve 3'ün width'ini o div'e ver dersin ben genede sadece sağa yasladım.

<div class="row">
  <div class="container-fluid">
    <div class="col-md-9">
      Her sayfa 12 Kolondan Oluşur , 1 tane sağa yaslancak'sa eğer 12-3 işlemi yapilip kodu yazilir.
    </div>
  
    <div class="col-md-3">
       <div class="panel panel-success">
          <div class="panel-heading">Giriş</div>
          <div class="panel-body"></div>
       </div>
    </div>
  </div>
</div>

body {overflow-x:hidden; background:#f5f5f5;}

bunu ekleyınce yheşil gozukuyor altta resmi verdim
http://prntscr.com/e14dme

işte boyle ama ben o yeşil alanı nasıl degiştircem şunu denıyorum

<div class="col-md-3" style="background-color: blue;">
       <div class="panel panel-success">
          <div class="panel-heading">Giriş</div>
          <div class="panel-body" ></div>

 </div>
       </div>
    </div>
  </div>
</div>

style="background-color: blue;"

bunu ekledim col-md-3 un yanına ama degişmedi o yeşil ksımı lutfen bi yardımcı olurmusun

 

[Waffleinstein]

saol teşekkürler ama işte arastırdıgımda hep oyle yapıyorlardı deneyınce olmadı oyzuden sordum



bunu ekleyınce yheşil gozukuyor altta resmi verdim
http://prntscr.com/e14dme

işte boyle ama ben o yeşil alanı nasıl degiştircem şunu denıyorum

<div class="col-md-3" style="background-color: blue;">
       <div class="panel panel-success">
          <div class="panel-heading">Giriş</div>
          <div class="panel-body" ></div>

 </div>
       </div>
    </div>
  </div>
</div>

style="background-color: blue;"

bunu ekledim col-md-3 un yanına ama degişmedi o yeşil ksımı lutfen bi yardımcı olurmusun

Öncelikle HTML'de kod ağaçları bazen karışık olabilir, sana şöyle açıklayayım: O resimde yeşil olarak gördüğün yerin kodu orası değil hemen iki alttaki panel-header classı kontrol ediyor o yeşil kısmı ancak sen bootstrapin kendi renklerini kullanmak istersen panel panel-success yazan yeri panel panel-primary olarak değiştirebilirsin. Ayrıca bu konumu inceleyerek de Bootstrap hakkında üç beş bir şey kapabilirsin

 

[burak868]

Merhaba, cevabı burada buldum - https://cennetteyim.com/q/what-is-the-difference-among-col-lg-col-md-and-col-sm-in-bootstrap-43820/