Bootstrap dropdowns in Durandal 2.0

Question

I am trying to wire up some bootstrap dropdown navigation in a durandal 2.0 app: ```

Dropdown
- Option B

``` Clicking "dropdown" causes Durandal's router to attempt to navigate to the root route (which is "#" or ""). And never opens the menu. Is this correct? Workarounds? Update Tabs suffer the very same problem: ```

Section 1
Section 2

I'm in Section 1.

Howdy, I'm in Section 2.

```

Accepted Answer

The problem was actually quite simple. There was no conflict with the routing module. I assumed the bootstrap javascript was included by default on the starter kit, but it is not.

The fix is as simple as adding an additional line to my require dependencies:

```
var system = require('durandal/system'),
    app = require('durandal/app'),
    viewLocator = require('durandal/viewLocator');
require('bootstrap');
```

Note that my require.config is:

```
require.config({
    paths: {
        'text': '../lib/require/text',
        'durandal':'../lib/durandal/js',
        'plugins' : '../lib/durandal/js/plugins',
        'transitions' : '../lib/durandal/js/transitions',
        'knockout': '../lib/knockout/knockout-2.3.0',
        'bootstrap': '../lib/bootstrap/js/bootstrap',
        'jquery': '../lib/jquery/jquery-1.9.1'
    },
    shim: {
        'bootstrap': {
            deps: ['jquery'],
            exports: 'jQuery'
       }
    }
});
```

Bootstrap dropdowns in Durandal 2.0

Solution

Problem