json HTML 5和bootstrap 4 visual studio代码段

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了json HTML 5和bootstrap 4 visual studio代码段相关的知识，希望对你有一定的参考价值。

{
	"HTML5 + Bootstrap 4": {
		"prefix": "html5:bs4",
		"body": [
			"<!DOCTYPE html>",
			"<html lang=\"${1:es}\">",
			"<head>",
			"  <meta charset=\"UTF-8\">",
			"  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
			"  <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
			"  <title>${2:title}</title>",
			"  <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css\" integrity=\"sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4\" crossorigin=\"anonymous\">",
			"</head>",
			"<body>",
			"  <header>",
			"    <nav>",
			"      <ul>",
			"        <li>${3:Your menu}</li>",
			"      </ul>",
			"    </nav>",
			"  </header>",
			"  <main>",
			"    <section>",
			"      <article>",
			"        <hgroup>",
			"          <h1>${4:Title}</h1>",
			"          <h2>${5:Subtitle}</h2>",
			"        </hgroup>",
			"        <p>${6:Article body}</p>",
			"      </article>",
			"    </section>",
			"  </main>",
			"  <footer>",
			"    <p>Company <span id=\"${7:footer-year}\"></span> &copy;</p>",
			"  </footer>",
			"  <script src=\"https://code.jquery.com/jquery-${8:3.3.1}.min.js\" integrity=\"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo\" crossorigin=\"anonymous\"></script>",
			"  <!-- Popperjs + Bootstrap 4 -->",
            "  <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/${9:4.1.0}/js/bootstrap.bundle.min.js\" integrity=\"sha384-lZmvU/TzxoIQIOD9yQDEpvxp6wEU32Fy0ckUgOH4EIlMOCdR823rg4+3gWRwnX1M\" crossorigin=\"anonymous\"></script>",
			"  <script>",
			"    $(document).ready(function(ev) {",
			"      var d = new Date();",
			"      document.getElementById(\"${7:footer-year}\").innerHTML = d.getFullYear();",
			"    });",
			"  </script>",
			"</body>",
			"</html>",
		],
		"description": "Basic HTML 5 template with no framework"
	}
}

以上是关于json HTML 5和bootstrap 4 visual studio代码段的主要内容，如果未能解决你的问题，请参考以下文章

如何仅在反应中使用引导程序（5.1v）中的轮播？

为啥 bootstrap-vue 不渲染 onclick？

如何设计控制下拉菜单和复选框并排在旁边 MVC 5 Bootstrap 4

reactstrap - create-react-app - 未找到 bootstrap/dist/css/bootstrap.css - v.4

BootStrap笔记-BootStrap的安装与使用

bootstrap 4导航栏在rails 5应用程序中不起作用