Bootstrap.less不会加载bootstrap东西

时间:2015-08-10 02:03:49

标签: css twitter-bootstrap backbone.js less bower

Bootstrap.css对我有用,但bootstrap.less没有。我不确定为什么,我三重检查我的文件夹,看看.less的所有文件是否在那里,他们是。是不是bootstrap.less与bootstrap.css相同但更有序?为澄清,请:

WORKS:               

    <link rel = "stylesheet" href="bower_components/bootstrap/less/bootstrap.less">

<title>Backbone Tutorial Blogroll App</title>
</head>

<body>
<h1> Backbone Tutorial Blogroll App</h1>


<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/underscore/underscore.js"></script>
<script src="bower_components/backbone/backbone.js"></script>
</body>

</html>

DOESNT WORK :(:

<!DOCTYPE html>
<html lang = "en">
<head>
    <link rel = "stylesheet" href="bower_components/bootstrap/less/bootstrap.less">
    <link rel = "stylesheet" href="bower_components/bootstrap/bootstrap.css">

<title>Backbone Tutorial Blogroll App</title>
</head>

<body>
<h1> Backbone Tutorial Blogroll App</h1>


<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/underscore/underscore.js"></script>
<script src="bower_components/backbone/backbone.js"></script>
</body>

</html>

1 个答案:

答案 0 :(得分:2)

LESS是一种与CSS略有不同的样式表语言。许多项目在LESS中编写样式表,并在浏览器中使用之前使用处理器将其转换为CSS。

您不需要包含var dateToday = new Date(); $(function() { $( "#datetimepicker3" ).datepicker({ numberOfMonths: 3, showButtonPanel: true, minDate: dateToday }); }); ,只需bootstrap.less,因为CSS文件已经在某个时候从LESS文件生成。

为了澄清,浏览器无法解释任何LESS,只能解释CSS。