提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
一、引入bootstrap
Bootstrap的使用不用npm install –save进行库的依赖安装(当然其实这样用也可以),只要联网就可以运行。当然缺点也是很明显的,必须联网才能运行。
现在可以进入src/public/index.html里,放开之前注释掉的引用了。
二、使用步骤
1.引入
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
2.下载对应的example
<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
导航栏
</nav>
<div class="jumbotron">
内容
</div>
<div class="container">
内容
</div>
<hr>
<footer>
页脚
</footer>