Looking for help with a coding issue. I have code that wraps navigation text on the left side but not the right-pulled text:
<div class="container-fluid">
<div class="row col-xs-12">
<div class="panel with-nav-tabs panel-tab-block">
<div class="panel-heading col-xs-3">
<ul class="nav nav-tabs nav-stacked flex-wrap">
...
</ul>
</div>
<div class="panel-body col-sm-10">
<div class="tab-content">
...
</div>
</div>
</div>
</div>
</div>
The css for this code looks like this:
.panel.with-nav-tabs.panel-tab-block {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
...
I've set up a jsfiddle to illustrate the problem.
The issue is that the right-aligned data gets cut off under the left navigation text when resizing the page. Any suggestions on how to solve this?