Examples of Markdown + Bootstrap image adaptive attributes

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:

Javascript

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

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

Xhtml

<meta name= "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.