Solved

Bootstrap grid system

Posted on 2014-09-23
3
191 Views
Last Modified: 2014-10-06
Hi,

How can i use bootstrap grid system for the attached sort of design?

grid
Thanks
0
Comment
Question by:coolispaul
  • 2
3 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40339276
0
 

Author Comment

by:coolispaul
ID: 40339356
thanks

im just confused how i can make the above design split up into 12 columns

It is 960px. The container has 40px padding either side so the main content area is 880px; How can i split the rest into 12 columns with the 24px margins (shown in design above)?
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40339386
That design will likely not work in a Bootstrap layout, point of using Bootstrap is for a responsive layout. Your template looks like an hard 'coded' design/images.
Bootstrap doesn't have a a 960 wide template, look at the article and you can see the various fixed widths and these are based on a 15px padding.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now