Adakah perisian bootstrap?-Soal Jawab bahagian hadapan-php.cn

Adakah perisian bootstrap?

WBOY

Lepaskan： 2022-08-22 17:11:30

asal

2336 orang telah melayarinya

Bootstrap bukan perisian, tetapi rangka kerja hadapan untuk pembangunan pesat aplikasi web dan tapak web dibangunkan berdasarkan HTML, css dan JavaScript serta menyediakan spesifikasi html dan css yang elegan, jadi bootstrap bukanlah A; sekeping perisian.

Adakah perisian bootstrap?

Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 5, komputer DELL G3

bootstrap bukan perisian

Bootstrap ialah rangka kerja bahagian hadapan untuk pembangunan pesat aplikasi web dan tapak web. Bootstrap adalah berdasarkan HTML, CSS dan JAVASCRIPT.

Bootstrap ialah rangka kerja pembangunan bahagian hadapan yang ringkas, intuitif dan berkuasa berdasarkan HTML, CSS dan JavaScript yang dibangunkan oleh Mark Otto dan Jacob Thornton, pereka syarikat Twitter Amerika, untuk menjadikan pembangunan Web lebih pantas. Bootstrap menyediakan spesifikasi HTML dan CSS yang elegan, yang ditulis dalam bahasa CSS dinamik Less. Bootstrap telah menjadi sangat popular sejak dilancarkan dan telah menjadi projek sumber terbuka yang popular di GitHub, termasuk Berita Terkini MSNBC (Microsoft National Broadcasting Company) NASA. Beberapa rangka kerja yang biasa kepada pembangun mudah alih domestik, seperti rangka kerja sumber terbuka bahagian hadapan hadapan WeX5, juga berdasarkan kod sumber Bootstrap untuk pengoptimuman prestasi.

Adakah perisian bootstrap?

Kandungan pakej Bootstrap

Struktur asas: Bootstrap menyediakan pakej asas dengan sistem grid, gaya pautan, struktur latar belakang. Ini akan diterangkan secara terperinci dalam bahagian struktur asas Bootstrap.

CSS: Bootstrap dilengkapi dengan ciri berikut: tetapan CSS global, mentakrifkan gaya elemen HTML asas, kelas boleh diperluas dan sistem grid lanjutan. Ini akan diterangkan secara terperinci dalam bahagian Bootstrap CSS.

Komponen: Bootstrap mengandungi lebih daripada sedozen komponen yang boleh diguna semula untuk mencipta imej, menu lungsur, navigasi, kotak amaran, kotak pop timbul dan banyak lagi. Ini akan diterangkan secara terperinci dalam bahagian Komponen Reka Letak.

Pemalam JavaScript: Bootstrap termasuk lebih daripada sedozen pemalam jQuery tersuai. Anda boleh memasukkan semua pemalam secara langsung atau memasukkannya secara individu. Ini akan diterangkan secara terperinci dalam bahagian pemalam Bootstrap.

Penyesuaian: Anda boleh menyesuaikan komponen Bootstrap, KURANG pembolehubah dan pemalam jQuery untuk mendapatkan versi anda sendiri.

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap 实例</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <div class="jumbotron">
    <h1>我的第一个 Bootstrap 页面</h1>
    <p>重置窗口大小，查看响应式效果！</p> 
  </div>
  <div class="row">
    <div class="col-sm-4">
      <h3>第一列</h3>
      <p>学的不仅是技术，更是梦想！</p>
      <p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
    </div>
    <div class="col-sm-4">
      <h3>第二列</h3>
      <p>学的不仅是技术，更是梦想！</p>
      <p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
    </div>
    <div class="col-sm-4">
      <h3>第三列</h3>        
      <p>学的不仅是技术，更是梦想！</p>
      <p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
    </div>
  </div>
</div>
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Adakah perisian bootstrap?