HTML-Kodu

**S4S** · 27 Haziran 2020, 12:41

Günümüzde Bir Çok Yazılım İşiyle Uğraşan Arkadaşlarımızın Kullandıgı Bootstrap Gerek Profesyonelik Açısından Gerek responsive Açısından ( Tablet , Telefon ) Uyumlu Tasarım Yaparken Bıze En Çok Yararlı Olan Bootstrap Teknolojisidir.

Sürekli Css Yazmaya Gerek Duymadan Hazır Style Dosyalarınını Kendı Yapmıs Olduğumuz Siteye Bağlayarak Bootstrap Uzerınde Bulunan Bir Çok Hazır Kodları Kendı Web Sayfamızda Çalıştıra Biliriz.

Bootstrap 3 Ana Dosyadan Oluşur ;

Bootstrap.css

Web Sitemızın Şablonlarını Oluşturan Dosyadır.

Bootstrap.js

JavaScript Dosyalarını İçerir.

Glyphicons

İkon Kullanmak İçin Kullanılır.

Bootstrap Kullanma

HTML-Kodu

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
  </body>
</html>

Yukardakı Kodlarda Style Dosyaları Bootstrap ' n kendı Sunucusundan Çekıyor.Karekter Kodlaması Oto var , Mobil uyumlu Olması İçin ' viewport ' Hazır.

**She** · 27 Haziran 2020, 22:54

Emeğine sağlık.

Saruhan · 24 Mayıs 2021, 23:18

Güzel paylaşımlarınız ve herkesi konu ile alakalı bilgilendirdiğiniz için teşekkür ederiz.

**PeLin** · 25 Mayıs 2021, 11:17

Paylasim icin tskr emeğine sağlık

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)