bootstrap在本地运行但在live(jquery)时不完整

时间:2016-11-27 17:02:14

标签: jquery html css twitter-bootstrap

我正在尝试使用下拉菜单和带有twitter-bootstrap和jquery的旋转木马,这一切都在本地完美运行,但只能部分工作。旋转木马在那里,但没有移动,下拉菜单在那里,但没有'下降'...帮助! 我是一个初学者,所以它可能很明显,但我似乎无法解决它... 我的标题是:

<head>
    <link href='bootstrap-3.3.7-dist/css/bootstrap.css' rel='stylesheet'>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <link href='style1.css' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'>
</head>

任何帮助都会非常感激!!! 谢谢!

1 个答案:

答案 0 :(得分:1)

Bootstrap依赖于jQuery,所以你需要在 bootstrap之前包含jQuery.js

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <link href='bootstrap-3.3.7-dist/css/bootstrap.css' rel='stylesheet'>
    <link href='style1.css' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'>
</head>

为了将来参考,在处理JS问题时,应始终检查控制台是否存在错误。我还建议你也使用CDN作为bootstrap CSS文件。