Content overflowing off page with bootstrap
<p>I am using bootstrap and I am making my website when I created a fixed navigation bar on the left side of my page with the width of 250px and then I have a div to the right of it being my page content, I have set the width of that to 100% and inside that I have a col-lg-12 and the content is leaking off the page, I was wondering if anyone knew a solution to this so that the content box is only the width of the remaining width of the page instead of being always 100% of the page width, If you need the code I can upload it to pastebin or something like that. But I am putting just some lil tid bits of the code here. And if any more info is needed just comment.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.navigationWrapper {
    position: absolute;
    float: left;
    width: 250px;
    height: 100%;
    background-color: black;
}
.contentWrapper {
    left: 255px;
    position: absolute;
    float: left;
    width: 100%;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;

&lt;div class="navigationWrapper"&gt;
    &lt;div class="navIcon"&gt;
        &lt;span&gt;ICON&lt;/span&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="contentWrapper"&gt;
    &lt;div class="col-sm-12 test"&gt;
        &lt;h1&gt;Test&lt;/h1&gt;
    &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>