How do I get a gap of around 40 px between the dark blue div (form) and the one to its left - the answer is more than likely staring me in the face but I cant see it.

Then on small devises how do I get a gap between the divs and the edge of the screen view?

This is my Bootstrap test page

www.rauzzy.com/bootstrap_3/home.html

Hello Bruce,
The way you styled your layout now will break the grid structure if you decide to add marings.
I'd recommend you to insert an inner div, for example: <div class="inner"> that is inside the
<div id="form" class="col-md-12">
and apply your styles to it (background, border radius, box shadow) and margins if needed.
On small screens you can set a padding-top to the body element of your page.

Hi Teodore,

Many thanks for your help. I will implement this in the morning and see how it goes.

A good thing for you guys to come up with for us inexperienced ones would be a detailed guide to CSS implementation in regards to bootstrap. I would buy that.

worked a treat - thankyou

This reply was removed on 12/5/2021 12:46:49 PM.
See the changelog

This reply was removed on 9/12/2022 8:01:22 PM.
See the changelog