Jika ada yang ingin melakukan ini dengan bootstrap, versi 4 menawarkan yang berikut:
Kelas-kelas tersebut dinamai menggunakan format {properti} {sisi} - {ukuran} untuk xs dan {properti} {sisi} - {breakpoint} - {ukuran} untuk sm, md, lg, dan xl.
Di mana properti adalah salah satu dari:
m - for classes that set margin
p - for classes that set padding
Di mana sisi adalah salah satu dari:
t - for classes that set margin-top or padding-top
b - for classes that set margin-bottom or padding-bottom
l - for classes that set margin-left or padding-left
r - for classes that set margin-right or padding-right
x - for classes that set both *-left and *-right
y - for classes that set both *-top and *-bottom
blank - for classes that set a margin or padding on all 4 sides of the element
Di mana ukuran adalah salah satu dari:
0 - for classes that eliminate the margin or padding by setting it to 0
1 - [by default] for classes that set the margin or padding to $spacer * .25
2 - [by default] for classes that set the margin or padding to $spacer * .5
3 - [by default] for classes that set the margin or padding to $spacer
4 - [by default] for classes that set the margin or padding to $spacer * 1.5
5 - [by default] for classes that set the margin or padding to $spacer * 3
auto - for classes that set the margin to auto
Sebagai contoh:
.mt-0 {
margin-top: 0 !important;
}
.ml-1 {
margin-left: [$spacer * .25] !important;
}
.px-2 {
padding-left: [$spacer * .5] !important;
padding-right: [$spacer * .5] !important;
}
.p-3 {
padding: $spacer !important;
}
Referensi: //getbootstrap.com/docs/4.0/utilities/spacing/
- By
- 10 April 2017
- HTML
Membuat Baris Baru atau Enter di HTML – hai teman-teman semuanya apakabar ? assalamualaikum.. kembali lagi di www.malasngoding.com.
situs penyedia tutorial-tutorial seputar pemrograman yang berkualitas lengkap dengan contoh dan download sistem informasi gratis.
Dari beberapa hari yang lalu ada beberapa teman-teman yang setia nongkrong dan belajar di www.malasngoding.com bertanya, bagaimana sih caranya membuat enter di html ?
Atau mungkin yang di maksud oleh teman-teman yang bertanya adalah bagaimana caranya membuat baris baru di html.
Membuat Baris Baru atau Enter di HTML
Tidak usah ragu, tidak usah pusing. caranya sangat mudah sekali teman-teman.
kenapa saya bilang mudah. karena kita hanya perlu menulis atau menamabahkan syntax “
“.
dan hasilnya pun akan tercipta “enter” atau baris baru di html.[menurunkan baris].
Pengertian
Tag
adalah tag yang di sediakan pada html untuk membuat baris baru atau sering dan lebih mudah di sebut dengan membuat enter.
Cara penulisan dan penggunaan “
”
untuk cara penggunaannya sangat mudah
sekali. teman-teman tinggal menambahkan langsung tag
dimana saja untuk membuat enter.
contohnya :
www.malasngoding.com Cara menggunakan tag br belajar pemrograman web di www.malasngoding.com.malasngoding.com adalah situs yang menyediakan tutorial-tutorial pemrograman web dari dasar hingga mahir. |
kita coba tambahkan
www.malasngoding.com Cara menggunakan tag br belajar pemrograman web di www.malasngoding.com.malasngoding.com adalah situsyang menyediakan tutorial-tutorial pemrograman web dari dasar hingga mahir. |
maka hasilnya
membuat enter di html
bebas ingin di gunakan berapa kali. jika teman-teman ingin menambahkan nya sebanyak 5x. maka akan terjadi 5x enter.
Bisa juga kita gunakan untuk memberi jarak pada element-element html.
misalnya
www.malasngoding.com www.malasngoding.com
www.malasngoding.com |
hasilnya
Membuat Baris Baru atau Enter di HTML
Oke teman-teman. sekian dulu tutorial kita kali ini tentang Membuat Baris Baru atau Enter di HTML. semoga dapat bermanfaat dan dapat memberikan pencerahan.
Sampai jumpa lagi di tutorial selanjutnya.
Silahkan teman-teman baca juga tutorial malasngoding.com yang lainnya:
- Cara disable resize textarea dengan CSS
- Cara membuat paging dengan php dan mysql
jangan lupa untuk membagika artikel ini ke sosial media teman-teman jika tutorial ini bermanfaat menurut teman-teman.
Incoming search terms:
- cara enter di html
- kode enter pada html
- kode html enter
- cara membuat enter di html
- enter di html
- kode html
- membuat baris baru di html
- kode enter html
- baris baru html
- kode html baris baru
Apa perintah untuk membuat spasi pada HTML?
Apa itu   pada HTML?
Manakah yang termasuk tag pembantu tag paragraf?
. Selain tag ini, ada juga tag pendukung lain seperti
, dan
.