Bootstraptan Projeye dahil edilecek Dosyalar

bootstrap.css
custom.css
jquery min.js
bootstrap.min.js

Read More

BOOTSRAP KODLAR3

NAV ;
class="nav nav-stacked"    menü butonlarını aşagı dogru dizer
class="nav nav-pills"        menü butonlarını  yanyana dizer
class="nav nav-justified    ise menü botunlarını iki yana yaslı sıgdırır
-----------------------------------------------------------------------------------
NAVBAR ;

class="nav navbar-fixed-top            menüyü en üste sabitler
class="nav navbar-fixed-bottom    menüyü en alta sabitler
class="navbar navbar-static-top    ise sayfa ile üstte hareket eder kaybolur
class="navbar navbar-inverse       ise menünün gelen renklerinin tersini alır
-----------------------------------------------------------------------------------
NAVBAR ;
 BREADCRUMB
ol class="breadcrumb               kullanıcının nerde oldugunu gösterir     home/library/data gibi    

PAGİNATİON                 sayfalama yapar 12345  diye sayfa yanyana yazar tıklayınca o sayfa acılır






  
class="pagination                     sayfalar

class="pagination pagination-lg      rakamları büyük kücü yazdırabiliriz 

class="pager"                         ise  ileri geri butonudur 

-----------------------------------------------------------------------------------
TOOLTİP   VE POPVER 

tooltip     bir yazının üzerine gelince bilgi veren kutucuk acılmasını saglar

popover     ise bir yazıya tıklayıca yanında biligi kutucugu cıkar

Read More

BOOTSRAP KODLAR2

TABLOLAR ;

class="list-unstyled"                      dersek listelerin başında nokta vs. ler gider liste gibi görünmez

class="list-inline"                    bütün elemanları yanyana dizer 


class="table"      tablo halinde yapar
 class="table tablo-striped "     ise kolonları bir renkli bi renksiz yapar
 class="table table-hover           tablonun üzeirne gelince rengi degişir
class="table table-bordered       tablonun etrafına border ekliyor

< tr class="active"                tablolardan herhangi biri secili olsun istersek


BUTONLAR;

button type="button" class="btn btn-primary btn-lg            Büyük buton yapar
button type="button" class="btn btn-primary btn-xs           Küçük buton yapar
button type="button" class="btn btn-primary btn-lg btn-block      sayfa tamamı kaplayan buton
button type="button" class="btn btn-danger  btn-lg        normalde mavidir danger denince kırmızıdır

İMAGE _RESİM   (lorel pixel   resim linki alınır güzel site )

 src="..." class="img-responsive" alt="Responsive image  thumbnail "

 thumbnail  kenarlarını fialn ayarlar 

 class="img-rounded"     resmin kenarlarını yuvarlar 

 class="img-circle "    resmi yuvarlak yapar 

İKON EKLEME ;

class="glyphicon        yazımıza siteden ikonları cekmemizi saglar 

button class="btn btn-primary">Kayıt Ol 

                         kayıt ol butonu yapar 

                                

Read More

BOOTSRAP KODLAR

div class= "col-lg-6 column" style="background-color:#CC0033 ;important">

important   daha önce renk atandı ise onu degil buradaki #CC0033 işle demek



----------------------------------------------------------------------------------------------------------------

burdan
       

col-md-offet-3    3 blok atla öyle  col-lg-4 ü yap demek




----------------------------------------------------------------------------------------------------------------
md-hidden     veya    xs-hidden dersek           xs(telefon boyutu)  moduna gecince yada    md moduna

gecince o blok kaybolur gizelnir

----------------------------------------------------------------------------------------------------------------
 

class="lead"

>                 lead paragrafın daha canlı ve güzel görünmesini saglar
----------------------------------------------------------------------------------------------------------------
S      üstü cizili yazar
strong   kalın yazar
em       egik yazar
 p    class="text-left      yazıyı saga sola yaslı yazdırmaya yarar

 ----------------------------------------------------------------------------------------------------------------

 blockquote       paragrafın basına dik cizgi ceker

block   class="blocquote:reverse    dersekte karsı tarafta sonda yani dik cizgi ceker

Read More