Jump to content
Sign in to follow this  
x69chen

Problem With The Dropdown Menu In Bootstrap

Recommended Posts

x69chen    0
x69chen

Hi I have set

<div id="e093" class="dropdown">
   <!-- Link or button to toggle dropdown -->
   <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <li><a tabindex="-1" href="#fea1">Cooling Sub Module (CSM)</a></li>
      <li><a tabindex="-1" href="#fea2">Auto Air-conditioners</a></li>
      <li><a tabindex="-1" href="#fea3">Heat Exchangers</a></li>
      <li><a tabindex="-1" href="#fea4">Heater/Blower</a></li>
      <li><a tabindex="-1" href="#fea5">Wiring Harness</a></li>
   </ul>
</div>

 

And I also set "#e093{position:relative;}" for CSS,

 

but it does not appear on the web site.

 

Could anyone help me with that,

Thanks :)

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger

Try

 

<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">button <span class="caret"></span></a>
<ul class="dropdown-menu">
	<li><a href="#">This</a></li>
	<li><a href="#">This</a></li>
	<li><a href="#">This</a></li>
</ul>
</div>

Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
x69chen    0
x69chen

 

Try

 

<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">button <span class="caret"></span></a>
<ul class="dropdown-menu">
	<li><a href="#">This</a></li>
	<li><a href="#">This</a></li>
	<li><a href="#">This</a></li>
</ul>
</div>

 

Hi it works, but not what I am looking for...

 

I just want the one which could show the whole items in the beginning like the Panel menu shows on the Bootstrap, not a button...

 

So does it mean that the class "dropdown-menu" won't be worked in PageLines?

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger

You mean to show just the dropdown panel? Ya something like this then

 

<div class="my-wrapper">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
</div>

 

You'll need to give .my-wrapper a display:block and position:relative.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
x69chen    0
x69chen

You mean to show just the dropdown panel? Ya something like this then

 

<div class="my-wrapper">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
</div>

 

You'll need to give .my-wrapper a display:block and position:relative.

Hi man I use it but it does not work...

 

could you help me to check it?

http://wirecorp.ca/me_service/

Share this post


Link to post
Share on other sites
James B    436
James B

Just out of curiosity why aren't you using the navbar we have built in to the framework? If you don't like the options available you can style them using css.

 

Maybe you could look into a plugin which will make this easier? Something like uber menu? http://wpmegamenu.com/

 

This one is activated using shortcodes http://wordpress.org/extend/plugins/custom-menu-shortcode/ or http://wordpress.org/extend/plugins/show-menu-shortcode/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
x69chen    0
x69chen

Just out of curiosity why aren't you using the navbar we have built in to the framework? If you don't like the options available you can style them using css.

 

Maybe you could look into a plugin which will make this easier? Something like uber menu? http://wpmegamenu.com/

 

This one is activated using shortcodes http://wordpress.org/extend/plugins/custom-menu-shortcode/ or http://wordpress.org/extend/plugins/show-menu-shortcode/

Hi I did not use the framework NavBar because I need to make 7 links of 7 different projects in home page,

and each project page has its own about us page, news page, contact us page, service page.

So I need to make 21 different NavBar to do it.

And I think Framework only have 4 available NavBar that I can use right?

 

And also I have solve this problem, seems I need to add a "clearfix" in the first class, but it does not mention it in the instruction

 

Anyway, thanks for helping, I really appreciate :)

Share this post


Link to post
Share on other sites
James B    436
James B

Hi, I'm glad you got it sorted :-) Thanks for letting us know. Yes the framework has space for four custom menus, but with the secondary nav you can assign a menu on a per page basis through the page meta. So you could create a number of custom menus in appearance>menus and then assign a different one on a per page basis using the secondary menu via the page meta settings.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×