Bootstrap derslerine devam ediyoruz.Bu deste, daha önceki dersler de öğrendiğimiz tüm özelliklerle ilgili bir site hazırladım.Onu paylaşacağım.Örneği inceleyerek daha önceki dersler de öğrendiklerinizi pekiştirebilirsiniz.

Bootstrap da temadaki objelerin renk,font,boyut vs gibi özelliklerini http://getbootstrap.com/customize/ buradan düzenleyebiliyoruz.Buradan kendinize göre bir tema renk paledi oluşturabilirsiniz.Daha sonra indirip tema css dosyaları ile değiştirin.Ben hazır bir renk paledi indirerek sitede onu kullandım.

Örnekte anlamadığınız yer var ise yorumlarda belirtebilirsiniz.

Demo : http://ustaderslik.com/ornek/bootstrap/

İndir : http://ustaderslik.com/dosya/bootstrap-website-orneği.rar

Görüntüsü :



Kodlar :







<script></script>
<script></script>
<script></script>
UstaDerslik.com








UstaDerslik


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean iaculis odio vitae sodales eleifend. Nulla posuere nisl eu lorem lobortis ornare.


   Konuya Git   













bootstrap

List group item heading


Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.





bootstrap

List group item heading


Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.





bootstrap

List group item heading


Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.








bootstrap

List group item heading


Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.





bootstrap

List group item heading


Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.





bootstrap

List group item heading


Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.








Son Konular





  • 14 Donec id elit non mi

  • 8 Donec id elit non mi

  • 2 Donec id elit non mi








Son Sorular





  • 5 Donec id elit non mi

  • 16 Donec id elit non mi

  • 7 Donec id elit non mi












Bu bir uyarı kutusudur !!!



Bu bir uyarı kutusudur !!!








Tüm hakları saklıdır.UstaDerslik - 2015

Kaynak : http://ustaderslik.com/konu/Bootstrap_Ders-19_Site_örneği