Membuat Template Dengan Bootstrap Part 2 : Membuat Jumbotron

Membuat Jumbotron Dengan Bootsrtap

Pengertian :

Jumbotron :komponen yang fleksibel ringan yang opsional dapat memperpanjang seluruh viewport untuk menampilkan konten utama di situs Anda.

Scriptnya :

<div class="parallax jumbotron text-center">
<h1 class="w3-text-shadow judul"><font color="white" face="Farcry">SMK Negeri 1 Mejayan</font></h1>
<br><p class="judul">- BLC Telkom Klaten</p><br>
<br><br>
<form>
    <div class="input-group">
      <input type="email" class="form-control" size="50" placeholder="Email Address" required>
      <div class="input-group-btn">
        <button type="button" class="btn btn-success">Subscribe</button>
      </div>
    </div>
</form>
</div>

Keterangan :Sebuah shell sederhana untuk h1 secara tepat ruang dan segmen bagian dari konten pada halaman. Hal ini dapat memanfaatkan standar Small elemen, serta sebagian besar komponen lainnya (dengan gaya tambahan).

Membuat Template dengan Bootstrap