Markdown and Bootstrap to realize image adaptive attribute _javascript technique

First of all, let's talk about the basic concepts and advantages of markdown

Markdown is a markup language that can be written using a normal text editor, and it can make plain text content in a certain format with simple markup syntax.

Markdown is a lightweight markup language that has many advantages, and is now being widely used by more and more writing enthusiasts and contributors. See here Please do not be marked, language is confused, markdown grammar is very simple. There are no more than 10 commonly used marker symbols, which is very lightweight compared to the more complex HTML markup language, and does not require too much learning cost, and once familiar with this grammatical rule, it will have the effect of markdown.

Advantages of using Markdown

Focus on your text rather than the layout style and write at ease.

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

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

Revise your article version at any time, without having to generate a number of file versions like Word processing software to cause confusion.

Readable, intuitive, low cost of learning.

Markdown is a very good markup language, more and more popular as editor of the syntax, Bootstrap is a front-end frame , then the problem comes, markdown picture tags such as:! [Alt] (URL), which is usually converted to HTML on the page, and how to add bootstrap to the picture at this time. img-responsive?

Such as:

Use JS just fine:

<scripttype= "Text/javascript" >
$ (". Content img"). addclass (' img-responsive ');
</script>

Don't forget to add in the head tag of the HTML:

<metaname= "Viewport" content= "Width=device-width, initial-scale=1" >

In this way on the small screen, the picture can also be automatically scaled, without affecting the bootstrap of the adaptive layout. The Img-responsive property is actually a property that adds block,max-width:100% to the picture.

The above is a small series to introduce Markdown and Bootstrap to realize the picture of the relevant knowledge of adaptive properties, hope to help you!