Deixe -me falar sobre os conceitos e vantagens básicas do Markdown
Markdown é um idioma de marcação que pode ser escrito em um editor de texto normal. Através da sintaxe simples de marcação, pode fazer com que o conteúdo comum de texto tenha um determinado formato.
O Markdown é uma linguagem de marcação leve com muitas vantagens e atualmente é amplamente usada por mais e mais entusiastas e escritores de escrita. Por favor, não se confunda com marcas e idioma quando você vir isso. A sintaxe de Markdown é muito simples. Não existem mais do que dez símbolos de marcação comumente usados. Comparado com a linguagem de marcação HTML mais complexa, o Markdown é muito leve e não requer muito custo de aprendizado. Quando você estiver familiarizado com essa regra de sintaxe, ela terá um efeito único e para todos os efeitos.
Vantagens de usar o Markdown
Concentre -se no conteúdo do seu texto em vez de no tipo de letra e escreva com paz de espírito.
Exporta facilmente arquivos HTML, PDF e .md.
Conteúdo de texto simples, compatível com todos os editores de texto e software de processamento de texto.
Modifique a versão do seu artigo a qualquer momento, sem precisar gerar várias versões de arquivo, como o software de processamento de texto que pode causar confusão.
Custo de aprendizado legível, intuitivo e baixo.
O Markdown é uma boa linguagem de marcação e está se tornando cada vez mais popular como sintaxe do editor. Bootstrap é uma estrutura front-end . Portanto, a questão é que a marcação de imagem de Markdown, como:! [Alt] (URL), que geralmente é convertido em html na página. Como adicionar os atributos adaptativos da imagem do Bootstrap à imagem neste momento.img-responsivo?
como:
<img alt = "Wuhan Optical Valley" src = "http://cdn.tanteng.me/uploads/2016/05/guang-gu.jpg" class = "img-sponsive">
Basta usar JS:
<scripttype = "text/javascript"> $ (". Content IMG"). addclass ('img-responsive'); </script>Não se esqueça de acrescentar:
<metaname = "viewport" content = "width = largura do dispositivo, escala inicial = 1">
Dessa forma, as imagens podem ser dimensionadas automaticamente na tela pequena do telefone celular sem afetar o layout adaptativo do bootstrap. O atributo .img-responsivo é na verdade o atributo de bloquear a imagem e a largura máxima: 100% do atributo.
O exposto acima é o conhecimento relevante sobre a combinação de marcação e bootstrap para obter atributos adaptativos de imagens que o editor apresenta. Espero que seja útil para todos!