As a newcomer to web design, I've been searching for a solution to this issue with no luck.
I am trying to include a fixed vertical navbar on the side of my webpage. To achieve this, I enclosed the entire content in #everything and applied a left margin of 50px to create space for the navbar. However, I noticed that the text does not adjust to the width of its container but instead resizes according to the page size.
Is there a way to make sure the text does not overflow and instead adapts to the size of its container?
#everything{
margin-left:50px;
} <div id='everything'>
<div class='row'>
<div class='col-sm-6'>
<p>text long enough to make a paragraph</p>
<p>text long enough to make a paragraph</p>
</div>
<div class='col-sm-6'>
<p>text long enough to make a paragraph</p>
<p>text long enough to make a paragraph</p>
</div>
</div>
</div>Since embracing bootstrap, I have implemented responsive paragraphs on my website. Additionally, I aim to integrate a fixed navbar on the side by enclosing all content within an #all ID.