Ayuda con submenú responsive

¡Hola!
Necesito ayuda con un sub-menú que he de hacer para móviles. Me explico:
He de crear un menú responsive (ya está hecho) en el cual hay algunos sub-menús y sub-sub-menús.
Estoy utilizando bootstrap pero no consigo que los sub-sub-menús no sobresalgan.
Sería algo como:
<ul class="nav navbar-nav nav-collapse collapse">
<li class="about">
<a data-toggle="dropdown" class="dropdown-toggle item aboutUs" href="#">About</a>
<ul class="submenu">
<li><a href="#">About me</a></li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">Jobs</a>
<ul class="dropdown-menu">
<li><a href="#" class="subSubmenu">Project1</a></li>
<li><a href="#" class="subSubmenu">Project2</a></li>
<li><a href="#" class="subSubmenu">Project3</a></li>
</ul>
</li>
</ul>
</li>
</ul>

El menú se despliega con el collapse. Pero los submenús sobresalen. No sé si alguien podría ayudarme, sino tendré que buscar alguna otra manera.
Gracias de antemano.
Un saludo,
Oinatz