Contents:

开启代码之旅 Launch With Code


1167 浏览 5 years, 3 months

5 Implement Bootstrap Front End Framework to Django

版权声明: 转载请注明出处 http://www.codingsoho.com/

本章将介绍如何在django中使用bootstraps

Step1 拷贝下面代码

http://getbootstrap.com/examples/jumbotron/

step2 网络相对地址转为绝对链接或者本地链接

    <link rel="icon" href="../../favicon.ico">
    <link rel="icon" href="[http://getbootstrap.com/favicon.ico](http://getbootstrap.com/favicon.ico)">
    <!-- Bootstrap core CSS -->
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="[http://getbootstrap.com/dist/css/bootstrap.min.css](http://getbootstrap.com/dist/css/bootstrap.min.css)" rel="stylesheet">
href="../../dist/css/bootstrap.min.css" = [http://getbootstrap.com/examples/jumbotron/../../dist/css/bootstrap.min.css](http://getbootstrap.com/examples/jumbotron/../../dist/css/bootstrap.min.css)
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
    <link href="[http://getbootstrap.com/assets/css/ie10-viewport-bug-workaround.css](http://getbootstrap.com/assets/css/ie10-viewport-bug-workaround.css)" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="jumbotron.css" rel="stylesheet">
    <link href="[http://getbootstrap.com/examples/jumbotron/jumbotron.css](http://getbootstrap.com/examples/jumbotron/jumbotron.css)" rel="stylesheet">
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
    <script src="[http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js](http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js)"></script>
    <script src="[https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js](https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js)"></script>
    <script src="[http://code.jquery.com/jquery-latest.js](http://code.jquery.com/jquery-latest.js)"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script>window.jQuery || document.write('<script src=" [http://getbootstrap.com/assets/js/vendor/jquery.min.js](http://getbootstrap.com/assets/js/vendor/jquery.min.js)"><\/script>')</script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <script src="[http://getbootstrap.com/dist/js/bootstrap.min.js](http://getbootstrap.com/dist/js/bootstrap.min.js)"></script>
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
    <script src="[http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js](http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js)"></script>