Horizontal Rhythm - Deepstash

Horizontal Rhythm

The standard Bootstrap grid is a 12 column layout, with a 15px margin on each side of the column, resulting in a 30px gutter between columns plus 15px to the left and right of the grid. 

The entirety of the grid is called Container. A container can be either fluid or responsive in size. A fluid container will always take the whole available width.

  • Customising for a desktop: Each column should be 72px wide, with a gutter of 24px or 32px.
  • Designing for mobile is up to you: Not all mobile devices' width dimension is divisible by 8. 12 columns aren't practical for narrow screens. 

7

14 reads

CURATED FROM

IDEAS CURATED BY

matclar

Diplomatic Services operational officer

The idea is part of this collection:

Product Management Starter Kit

Learn more about product with this collection

How to focus on the present moment

How to cultivate empathy and understanding towards others

How to set personal and professional goals

Related collections

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Personalized microlearning

100+ Learning Journeys

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving

Unlimited history

Unlimited listening to ideas

Downloading & offline access

Supercharge your mind with one idea per day

Enter your email and spend 1 minute every day to learn something new.

Email

I agree to receive email updates