?
Solved

Bootstrap grid system

Posted on 2014-09-23
3
Medium Priority
?
204 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 1500 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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

Strategic internal linking is often considered an SEO power technique, especially for content marketing. Do you need to hire an SEO agency to optimize you internal linking? No, this article will help you understand the basics of internal linking and…
Over time, the online landscape has altered considerably, but that’s nothing compared to the up-and-coming trends that will shape the web design industry in the coming year. Keep reading to find out which trends will shape B2B web design in 2018.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
Suggested Courses

609 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