Solutions
-
Bobby Anderson's post in bootstrap sidebar attempt was marked as the answerIt sounds to me as though you've not closed one of the divs properly, although its hard to gauge what you've done without being able to see your code or know what system your using for the blog?
I think you should look to restructure your site to keep the content and the sidebar separate and then nest post rows within each other for example…
<div class="container"> <div class="row"> <div class="col-md-9"> <!-- Post 1 --> <div class="row"> <div class="col-md-8"> Image </div> <div class="col-md-4"> Post content </div> </div> <!-- Post 2 --> <div class="row"> <div class="col-md-8"> Image </div> <div class="col-md-4"> Post content </div> </div> </div> <aside class="col-md-3"> Your sidebar </aside> </div> </div> -
Bobby Anderson's post in anyone know how to use bootstrap please was marked as the answerAs I mentioned in my previous post - if you want to keep text centred all you have to do is add the class "text-center" to your parent div, in this case the "container-fluid four-services" section.
If you wish to change the width of the text below the icons, properly format your text and give it a paragraph tag - this will allow you to control the width of the text, perhaps give it 10% padding on each side such as padding: 0 10%; which you can then further modify at different breakpoints.