Support the ongoing development of Laravel.io →
posted 10 years ago
Blade
Last updated 2 years 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 2 years 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 2 years ago.
0

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

Last updated 2 years 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 2 years 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 2 years ago.
0

Did you include the javascript files?

Last updated 2 years ago.
0

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

Last updated 2 years 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 2 years 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 2 years 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 2 years 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-bootstrap-menu/

Last updated 2 years ago.
0

same problem here

Last updated 2 years ago.
0

what is @show ???

Last updated 2 years 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 2 years 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 2 years 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 2 years 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 2 years 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 2 years 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 2 years 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.