Bootstrap add close button on dropdown menu
<p>I am new in Bootstrap and I would like to know how to add a close button on dropdown menu. </p>

<p>Instead of the default Bootstrap response to toggle the menu once we click outside of it or when we click on 'no submenu items' I would like to add a close button and make it the responsible for toggling it.
The close button must goes on both menu and its submenu "see picture and the position of the close icon"</p>

<p><a href="http://i.stack.imgur.com/YuuII.png" rel="nofollow">Screenshot</a></p>

<p>The code am working in " dropdown menu item is 'The Magazine' and the 'Travel solo' is the submenu item ": <a href="http://www.bootply.com/qYOW7v2DcM" rel="nofollow">http://www.bootply.com/qYOW7v2DcM</a></p>

<p>Any suggestions would be appreciate!</p>