Sunday, February 21, 2016

Blogger İçinde Bootstrap Kullanılması - Using Bootstrap in Blogger Template

Blogger içinde Bootstrap özelliklerini kullanmak istiyorsak Bootstrap kurulumunu blog kodlarının içinde yapmamız gerekir. Blogger menüsünden "Şablon" ve daha sonra "HTML'yi Düzenle" kısımlarından aşağıda gösterilen kod bloğuna ulaşınız.



Daha sonra <Head> bloğunun hemen altına aşağıdaki referansları kopyalayınız:

<meta content='width=device-width, initial-scale=1' name='viewport'/>
<link href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js'/>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'/>

Referanslardan da anlaşılabileceği gibi Bootstrap için gerekli olan Bootstrap CSS ve Javascript dosyası ile Jquery bloğa referans olarak eklenmektedir. İlgili referanslar web üzerinde yer aldığı için herhangi bir dosya yükleme işlemine gerek yoktur.

No comments:

Post a Comment