Izinkan saya memberi tahu Anda tentang konsep dasar dan keunggulan Markdown
Markdown adalah bahasa markup yang dapat ditulis dalam editor teks normal. Melalui sintaks markup sederhana, dapat membuat konten teks biasa memiliki format tertentu.
Markdown adalah bahasa markup yang ringan dengan banyak keunggulan dan saat ini banyak digunakan oleh semakin banyak penggemar dan penulis penulisan. Tolong jangan bingung dengan tanda dan bahasa saat Anda melihat ini. Sintaks Markdown sangat sederhana. Tidak ada lebih dari sepuluh simbol markup yang umum digunakan. Dibandingkan dengan bahasa markup HTML yang lebih kompleks, markdown sangat ringan dan tidak memerlukan terlalu banyak biaya belajar. Setelah Anda terbiasa dengan aturan sintaks ini, ia akan memiliki satu kali dan untuk semua efek.
Keuntungan Menggunakan Markdown
Fokus pada konten teks Anda alih -alih jenis huruf dan tulis dengan ketenangan pikiran.
Ekspor file HTML, PDF, dan .md Anda dengan mudah.
Konten teks biasa, kompatibel dengan semua editor teks dan perangkat lunak pengolah kata.
Ubah versi artikel Anda kapan saja, tanpa harus menghasilkan beberapa versi file seperti perangkat lunak pengolah kata yang dapat menyebabkan kebingungan.
Biaya belajar yang dapat dibaca, intuitif, dan rendah.
Markdown adalah bahasa markup yang baik dan menjadi semakin populer sebagai sintaks editor. Bootstrap adalah kerangka kerja front-end . Jadi pertanyaannya adalah, markup gambar Markdown seperti :! [Alt] (URL), yang biasanya dikonversi menjadi HTML pada halaman. Bagaimana cara menambahkan atribut adaptif gambar bootstrap ke gambar saat ini.img-responsive?
menyukai:
<img alt = "Wuhan Optical Valley" src = "http://cdn.tanteng.me/uploads/2016/05/guang-gu.jpg" class = "img-responsive">
Cukup gunakan JS:
<scriptType = "Text/JavaScript"> $ (". Content IMG"). AddClass ('img-responsive'); </script>Jangan lupa untuk menambahkan:
<metaname = "viewport" content = "width = perangkat-lebar, skala awal = 1">
Dengan cara ini, gambar dapat ditingkatkan secara otomatis pada layar kecil ponsel tanpa mempengaruhi tata letak adaptif bootstrap. Atribut .img-responsif sebenarnya adalah atribut memblokir gambar dan max-width: 100% dari atribut.
Di atas adalah pengetahuan yang relevan tentang menggabungkan markdown dan bootstrap untuk mencapai atribut adaptif gambar yang diperkenalkan editor. Saya harap ini akan membantu semua orang!