Cara Mudah Membuat Tombol (Botton) Dengan Bootstrap Terbaru

1/24/2017

Pada artikel sebelumnya saya sudah membahas bagaimana Memasang Bootstrap Pada Blog pada kesempatan kali ini saya akan membahas bagai mana membuat tombol atau botton dengan bootstrap. Tanpa Bootstrap kalau sobat ingin membuat Botton harus mengedit pada CSS template sobat dan HTML postingan sobat, kalau template sobat sudah di pasang Bootstrap sobat tinggal edit HTML postingan sobat saja.

Perhatikan contoh pembuatan Botton dengan Bootstrap
See the Pen Contoh Tombol Bootstrap by Ariez July (@secret28) on CodePen.
Pada contoh di atas kalau template sobat sudah terpasang Bootstrap sobat tinggal memasukan kode di bawah ini pada postingan sobat (pilih HTML jangan Compose). Pilih salah satu tombol yang mau sobat pasang pada postingan sobat.

<!-- Standard button --> <button type="button" class="btn btn-default">Default</button> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> <button type="button" class="btn btn-primary">Primary</button> <!-- Indicates a successful or positive action --> <button type="button" class="btn btn-success">Success</button> <!-- Contextual button for informational alert messages --> <button type="button" class="btn btn-info">Info</button> <!-- Indicates caution should be taken with this action --> <button type="button" class="btn btn-warning">Warning</button> <!-- Indicates a dangerous or potentially negative action --> <button type="button" class="btn btn-danger">Danger</button> <!-- Deemphasize a button by making it look like a link while maintaining button behavior --> <button type="button" class="btn btn-link">Link</button>


Bagaimana mudah bukan membuat tombol atau botton pada blog dengan bootstrap, sekian pembahasan tentang cara pembuatan tombol pada blog dengan bootstrap. Semoga artikel saya dapat membantu dan bermanfaat buat sobat. Terimakasih

Artikel Terkait 

Artikel Terkait

Previous
Next Post »
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Jangan melakukan spam di blog ini..!!!
Tidak ada link dan bicara kotor...
Terimakasih...