Combining Markdown and Bootstrap to implement Image Adaptive attributes _ javascript skills

Markdown is a lightweight markup language with many advantages. It is widely used by more and more writers. Next, we will introduce the combination of Markdown and Bootstrap to achieve image adaptive attributes. If you are interested, let's study them together. Let's talk about the basic concepts and advantages of Markdown.

Markdown is a markup language that can be written in a common text editor. Through simple markup syntax, Markdown can make the common text content have a certain format.

Markdown is a lightweight markup language with many advantages. It is widely used by more and more writers. Do not be confused by the mark or language. The Markdown syntax is very simple. There are no more than 10 commonly used markup symbols. Compared with the more complex HTML markup language, Markdown is very lightweight and does not require much learning cost, once you are familiar with this syntax rule, it will have a permanent effect.

Advantages of using Markdown

Focus on your text content rather than typographical styles and write with peace of mind.

Easily export HTML, PDF, and its own. md files.

Pure text content, compatible with all text editors and word processing software.

You can modify the version of your article at any time, without having to create several file versions like the word processing software.

Readable, intuitive, and low learning cost.

Markdown is a good markup language and is increasingly popular as the editor syntax. Bootstrap is a front-end framework.The question is :! [Alt] (url), usually converted to html on the page. How can I add the auto-adaptive attributes of the Bootstrap image to the image?

For example:

Just use js:

 
  $(".content img").addClass('img-responsive');《script》
 

Don't forget to add:

In this way, images can be scaled automatically on the cell phone screen without affecting the Adaptive Layout of Bootstrap .. The img-responsive attribute is actually the attribute that adds block and max-width: 100% to the image.

The above section describes the knowledge of combining Markdown and Bootstrap to implement Image Adaptive attributes. I hope it will help you!