Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.

Full Column

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus voluptatem deleniti, iusto porro quasi aut est incidunt eum. Aliquid earum, culpa dolores aspernatur tempore velit beatae porro totam. Et, saepe. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut eos assumenda, mollitia tenetur atque recusandae dignissimos optio cum molestiae possimus adipisci minima, aliquam perferendis eius et repellat soluta magni, delectus!

One Half

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus voluptatem deleniti, iusto porro quasi aut est incidunt eum. Aliquid earum, culpa dolores aspernatur tempore velit beatae porro totam. Et, saepe. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut eos assumenda, mollitia tenetur atque recusandae dignissimos optio cum molestiae possimus adipisci minima.

One Half

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus voluptatem deleniti, iusto porro quasi aut est incidunt eum. Aliquid earum, culpa dolores aspernatur tempore velit beatae porro totam. Et, saepe. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut eos assumenda, mollitia tenetur atque recusandae dignissimos optio cum molestiae possimus adipisci minima.

One Third

Lorem ipsum dolor sit amet, conse ctetur adipisicing elit. Ducimus volup tatem deleniti, iusto porro quasi aut est inci dunt eum. Aliq uid earum, culpa dolores asper natur tempore velit bea tae porro totam. Lorem ipsum dolor sit amet, consec tetur adipis icing elit. Ut eos assumenda, mollitia tenetur.

One Third

Lorem ipsum dolor sit amet, conse ctetur adipisicing elit. Ducimus volup tatem deleniti, iusto porro quasi aut est inci dunt eum. Aliq uid earum, culpa dolores asper natur tempore velit bea tae porro totam. Lorem ipsum dolor sit amet, consec tetur adipis icing elit. Ut eos assumenda, mollitia tenetur.

One Third

Lorem ipsum dolor sit amet, conse ctetur adipisicing elit. Ducimus volup tatem deleniti, iusto porro quasi aut est inci dunt eum. Aliq uid earum, culpa dolores asper natur tempore velit bea tae porro totam. Lorem ipsum dolor sit amet, consec tetur adipis icing elit. Ut eos assumenda, mollitia tenetur.

One Fourth

Lorem ipsum dolor sit amet, conse ctetur adipisicing elit. Ducimus volup tatem deleniti, iusto porro quasi aut elit est inci dunt eum. Aliq uid earum, culpa dolores asper natur tempore.

One Fourth

Lorem ipsum dolor sit amet, conse ctetur adipisicing elit. Ducimus volup tatem deleniti, iusto porro quasi aut elit est inci dunt eum. Aliq uid earum, culpa dolores asper natur tempore.

One Fourth

Lorem ipsum dolor sit amet, conse ctetur adipisicing elit. Ducimus volup tatem deleniti, iusto porro quasi aut elit est inci dunt eum. Aliq uid earum, culpa dolores asper natur tempore.

One Fourth

Lorem ipsum dolor sit amet, conse ctetur adipisicing elit. Ducimus volup tatem deleniti, iusto porro quasi aut elit est inci dunt eum. Aliq uid earum, culpa dolores asper natur tempore.

col-md-3

Lorem ipsum dolor sit amet, conse ctetur adipisicing elit. Ducimus volup tatem deleniti, iusto porro quasi aut elit est inci dunt eum. Aliq uid earum, culpa dolores asper natur tempore.

col-md-9

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus voluptatem deleniti, iusto porro quasi aut est incidunt eum. Aliquid earum, culpa dolores aspernatur tempore velit beatae porro totam. Et, saepe. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut eos assumenda, mollitia tenetur atque recusandae dignissimos optio cum molestiae possimus adipisci minima. tempore velit beatae porro totam. Et, saepe. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut eos assumenda, mollitia tenetur atque recusandae dignissimos optio cum molestiae possimus

col-md-4

Lorem ipsum dolor sit amet, conse ctetur adipisicing elit. Ducimus volup tatem deleniti, iusto porro quasi aut elit est inci dunt eum. Aliq uid earum, culpa dolores asper natur tempore.

col-md-8

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus voluptatem deleniti, iusto porro quasi aut est incidunt eum. Aliquid earum, culpa dolores aspernatur tempore velit beatae porro totam. Et, saepe. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut eos assumenda, mollitia tenetur atque recusandae dignissimos optio cum molestiae possimus adipisci minima. tempore velit beatae porro totam.

Font Resize
Mode contraste