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

CraftMineEkibi

Sudan Çıkmış
En iyi cevaplar
0
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ı
Linki görebilmek için üye olmanız gerekiyor. Giriş yap veya üye ol.
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


Kod:
<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
 
R

Reloven

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

Themis

Taş Madencisi
En iyi cevaplar
0
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.
HTML:
<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>

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

CraftMineEkibi

Sudan Çıkmış
En iyi cevaplar
0
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.
HTML:
<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>

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

bunu ekleyınce yheşil gozukuyor altta resmi verdim
Linki görebilmek için üye olmanız gerekiyor. Giriş yap veya üye ol.


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

HTML:
<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>

HTML:
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

şüşko insan
Emektar Üye
En iyi cevaplar
0
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
Linki görebilmek için üye olmanız gerekiyor. Giriş yap veya üye ol.


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

HTML:
<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>

HTML:
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 :)
 
Üst