Responsiveness doesn't work when replacing bootstrap.css with bootstrap.less in fluid example

[bkbonner]

I'm trying to take this example: http://twitter.github.com/bootstrap/examples/fluid.html and convert it to less.

When I remove:

    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

with:

    <script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet/less" type="text/css"
    href="bootstrap/less/bootstrap.less">
<script src="less/js/less-1.3.0.min.js" type="text/javascript"></script>

I also added this to bootstrap.less:

@import "responsive.less";

When I do this, the button that brings up the navigation menu no longer works correctly. I'm using this as a simple example to demonstrate the problem.

Am I doing something wrong??

[bkbonner]

Shoot never mind, I forgot to include:

<script src="bootstrap/js/bootstrap.js"></script>

after the jquery.js declaration.