Assuming you are calling wp_nav_menu [1] just pass a </li><li
class="divider-vertical"> as the after argument should do the trick

You can do more complex solutions with calling your own HTML generator
fictions. But this should do what you need.

For bootstrap and WP I normally just lift the menu generator function from
roots theme [2] as that uses bootstrap and saves a lot of work (it's also a
good basis to build off)

[1] http://codex.wordpress.org/Function_Reference/wp_nav_menu
[2] http://www.rootstheme.com/

Sent from my iPhone

On 24 Mar 2013, at 22:58, M112 <[email protected]> wrote:

Hello,

I'm trying to make my first steps in bootstrap and wordpress.

I would like to put menu dividers between menu items.
Adding following <li class="divider-vertical"></li> on the static pages
works well - however this cannot be easily done in dynamically created menu.

The easiest method would be to apply custom class in Wordpress and this
seems to work well.

However when custom class is applied then the mobile menu does not show any
items with custom class.

Can someone help how to achieve separators/dividers.

Thanks
M

-- 
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an
email to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.

-- 
You received this message because you are subscribed to the Google Groups 
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to