Bootstrap custom.css kullanımı

Bootstrap site yapmaya başladıysanız bootstrap ana dosyalarını değiştirmemelisiniz. Bunun yerine kendinize ait bir css dosyası oluşturmalısınız. Kullanımı gayet basit. css dosyalarınızın olduğu klasör içerisine custom.css adında bir dosya oluşturun. ardından sitenizdeki sayfalara bootstrap orjinal css dosyalarının yolunu eklediğiniz “head” alanında kodun hemen altına custom.css yolunu gösteren kodu ekleyin. css dosyası yolunu doğru yazdığınızdan emin olun. custom.css adını değiştirebilirsiniz. standart çalışmalara uygun olması açısından ben böyle kullandım. kendiniz site.css, bootstrap2.css, siteisminiz.css şeklinde de kullanabilirsiniz. dosya isminin ne olduğunun bir önemi yok.

<!-- Bootstrap stilleri ersin CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/custom.css">

korkmayın sitenizdeki diğer eklediğiniz düzenlediğiniz hiç bir şey değişmeyecek. sistem önce bootstrap css sini okuyacak sonra custom.css yi okuyacak. bunu yaptıktan sonra sitenizdeki ana değişkenleri custom.css içerisinde belirleyebilirsiniz. örnek site arka plan rengi.

body {background: #fff}

kolay gelsin.

Leave a Reply