Bootstrap CSS文件不起作用

时间:2016-04-02 13:33:45

标签: twitter-bootstrap

我刚刚开始使用bootstrap并试图制作一个完全响应的温和,但问题是当我附加css和js文件时,没有任何影响,路径也是正确的。所以,请帮助我任何一种帮助表示赞赏。提前致谢

3 个答案:

答案 0 :(得分:0)

检查文件的路径是否正确。使用开发人员工具(控制台)检查文件是否在浏览器中加载。尝试使用CDN包含文件,如果工作则尝试更正相对路径。     

答案 1 :(得分:0)

还要确保您实际使用的是bootstrap类。 Ex - > class =“btn btn-default”

但很可能你的道路是错误的。

答案 2 :(得分:0)

尝试使用像PHPStorm这样的优秀代码编辑器。例如,PHPStorm将通过使用某些颜色来检查链接文件的路径是否正确。此外,您可以尝试使用CDN(https://en.wikipedia.org/wiki/Content_delivery_network)。这将包括来自服务器的文件,因此您不必将文件放在自己的文件结构中。尝试使用我的入门模板,它将工作,我正在使用CDN路径。

    

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Bootstrap starters template</title>

    <!-- Bootstrap Core CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.css" rel="stylesheet">


    <style>

    </style>



</head>

<body>





<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/js/bootstrap.js"></script>

<script>


</script>

</body>

</html>