Здравствуйте, необходимо спозиционировать .submenu абсолютно, но при задании атрибута left по величине близком к размерам .col-md-3, видимо родительский bootstrap контейнер .col-md-3 ограничивает ширину элемента до минимальной. Необходимо, чтобы ширина "абсолютного" блока формировалась исходя из контента. Как это сделать? примерная картина
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="menu">
<div class="menu-header">menu</div>
<ul>
<li class="menu-item parent">
<a href="#">Item #111</a>
<ul class="submenu">
<li class="submenu-item"><a href="#">subitem 001 sdfsdfsdfs</a></li>
<li class="submenu-item"><a href="#">subitem 002</a></li>
<li class="submenu-item"><a href="#">subitem 003</a></li>
</ul>
</li>
<li class="menu-item"><a href="#">Item #111</a></li>
</ul>
полная картина: https://jsfiddle.net/9m6ahw1n/