Support the ongoing development of Laravel.io →
posted 10 years ago
Blade
Last updated 1 year ago.
0

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.

Last updated 1 year ago.
0

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?

Last updated 1 year ago.
0

U can try to change @show to @stop at the end of your code...

Last updated 1 year ago.
0

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/

Last updated 1 year ago.
0

Are you getting any errors in console/firebug?

If you copy and paste the example from bootstrap docs doest this work?

Last updated 1 year ago.
0

Did you include the javascript files?

Last updated 1 year ago.
0

Yep app the bootstrap JS file too otherwise it won't work.

Last updated 1 year ago.
0

Is this thread broken? I can't see any replies, not even my own.. it says 7 replies but I see 0 (on mobile)..

Last updated 1 year ago.
0

Experienced the same issue, it was a JQuery problem. I had the JQuery lib in there but did not load for some reason.

Last updated 1 year ago.
0

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?

Last updated 1 year ago.
0

hi simonassouline ! this tutorial has been extremely helpful to me .
take a look : http://www.jeffmould.com/2014/01/09/responsive-multi-level-boo...

Last updated 1 year ago.
0

same problem here

Last updated 1 year ago.
0

what is @show ???

Last updated 1 year ago.
0

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

Last updated 1 year ago.
0

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

Last updated 1 year ago.
0

http://jsfiddle.net/Lk65t/

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.

Last updated 1 year ago.
0

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/

Last updated 1 year ago.
0

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).

Last updated 1 year ago.
0

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. :)

Last updated 1 year ago.
0

Sign in to participate in this thread!

Eventy

Your banner here too?

Moderators

We'd like to thank these amazing companies for supporting us

Your logo here?

Laravel.io

The Laravel portal for problem solving, knowledge sharing and community building.

© 2024 Laravel.io - All rights reserved.