solved it. Please delete this I don't seem to have the option to do so.
After the rude arrogant responses on your IRC channel, I'm not sharing the solution.
Seems to work fine here http://jsfiddle.net/e5vxd/ Is there any other javascript that could be interfering? Also, have you tried it in another browser?
The Bootstrap dropdowns depend on the Bootstrap Javascript (which in turn depends on jQuery). Do you have these included? Your markup is correct and works when jQuery and bootstrap.js are included: http://jsfiddle.net/citricsquid/zEBz9/1/
Are you getting any errors in console/firebug?
If you copy and paste the example from bootstrap docs doest this work?
Yep app the bootstrap JS file too otherwise it won't work.
Is this thread broken? I can't see any replies, not even my own.. it says 7 replies but I see 0 (on mobile)..
Experienced the same issue, it was a JQuery problem. I had the JQuery lib in there but did not load for some reason.
I just pasted that code into a default Bootstrap file and the dropdown works OK so the problem may be elsewhere, perhaps Bootstrap JS loading?
hi simonassouline ! this tutorial has been extremely helpful to me .
take a look : http://www.jeffmould.com/2014/01/09/responsive-multi-level-bootstrap-menu/
Last one </div> is missing but work for me. Check browser console for error logs.
jQuery 2.1.0 Bootstrap 3.1.1
!http://img812.imageshack.us/img812/7221/6npn.png
You need to include the Twitter Bootstrap JS files, as well as jQuery. After that, you need to call the Bootstrap dropdown method on whatever you're trying to make a dropdown. In your case:
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
$('.dropdown-toggle').dropdown()
</script>
To read more, visit: http://getbootstrap.com/javascript/#dropdowns
I would assume it is a JS conflict. Make sure jQuery is loaded first before everything else (js files).
In the jsfiddle example (your code) slide the bottom right box to the left. works fine.
I would assume it is a JS conflict. Make sure jQuery is loaded first before everything else (js files).
In the jsfiddle example (your code) slide the bottom right box to the left. works fine.
I would assume it is a JS conflict. Make sure jQuery is loaded first before everything else (js files).
In the jsfiddle example (your code) slide the bottom right box to the left. works fine.
[http://jsfiddle.net/Lk65t/] (JSFiddle example with your code)
Also check your debugger (firebug / element inspector) to see if it is throwing any errors (like 404's on your JS files).
hi ! -add your bootstrap files
<head>
...
{{HTML::script('/js/jquery.js')}}
{{HTML::style('/css/bootstrap.min.css')}}
{{HTML::script('/js/bootstrap.min.js')}}
..
</head>
And close this div <div class="navbar navbar-default navbar-fixed-top">.
your code is working fine here. :)
Sign in to participate in this thread!
Laravel
Laravel News
Laracasts
Laravel Podcast