Designing a css code with a reference site alike

Gurpreet Singh Randhawa
Gurpreet Singh Randhawa used Ask the Experts™
on
The Following website is the Reference Link I am what I am doing

Ref Site Link 1

This is what I have created so far, I am trying to make it responsive too but i am stuck as it is not working as i expect it to work

My Site Link
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Hi,

The total of your column per row must equal 12
You must use row div for each row.
and rows must be in a container or container-fluid div.

See Bootstrap documentation and follow their grid
http://getbootstrap.com/css/#grid

here is an example
<div class="container-fluid">

   <div class="row">
      <div class="col-md-4">.col-md-4</div>
     <div class="col-md-4">.col-md-4</div>
    <div class="col-md-4">.col-md-4</div>
  </div>
 
 <div class="row">
      <div class="col-md-4">.col-md-4</div>
      <div class="col-md-4">.col-md-4</div>
     <div class="col-md-4">.col-md-4</div>
  </div>

</div>

Open in new window


Using an existing template is a good way to learn.
To save time you can fin cheap Bootstrap template at https://themeforest.net/

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial