Deprecated: Function create_function() is deprecated in /var/www/vhosts/ on line 70
Bootstrap 3 Tutorial Pt.6 – Grid System |
  • Wednesday , 2 December 2020

Bootstrap 3 Tutorial Pt.6 – Grid System

Code Canyon

Source Files:

In this installment of our Bootstrap 3 tutorial, we go over the Bootstrap grid system and how the responsive design works.

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.

Original source

3d Ocean

Related Posts


  1. Mrinmay Mukherjee
    August 24, 2017 at 20:48

    0:53 What the middle finger represents???

  2. Hotshotter3000
    August 24, 2017 at 20:48

    These are awesome, but the footer still blocks the text when I shrink down the screen. The quick fixes i found on youtube all didn't work and I copied the code letter-by-letter. What is happening?

  3. Lee Healy
    August 24, 2017 at 20:48

    Best tutorials for Bootstrap I've ever seen, Cheers man

  4. edge abbo
    August 24, 2017 at 20:48

    can anybody tell me whether the grid system will work or not when javascript is disabled on browsers?

  5. Ivaro18
    August 24, 2017 at 20:48

    The horizon goes from left to right not from top to bottom, that's called vertical. xD You made that mistake quite a few times

  6. Ward Martin
    August 24, 2017 at 20:48

    Nice video … I've added a second row below… "Sections 4, 5, 6" across… in the above "section 3" will be a contact us form… but with that the entire "second" row get pushed down and out of line with row 1… Can you please shed some light on how to vertically align section 4 & 5 with 1 & 2 – with section 3 extending "into" row 2…? Nesting 4 and 5 with 1 and 2 works – but the problem with that is the form (in section 3) gets displayed on mobile devices below section "5"… want section 3 to display after "2" on mobile…

  7. derrick bell
    August 24, 2017 at 20:48

    im trying to build a portfolio site  could you make a video with and about section and a gallery?

  8. Samir Behara
    August 24, 2017 at 20:48

    Good clear explanation..Thanks.

  9. dylface94
    August 24, 2017 at 20:48

    Hey, I go to the point where I copy and pasted the row class twice, but it will not show all horizontally, it stacks vertically no matter the size of the preview in Firefox.

    Note: I have it down as col-sm-4, tried with md as well. Also I am not testing on a server I am just doing it locally.

    Any help would be great thanks!

  10. dogboy
    August 24, 2017 at 20:48

    After you changed md to sm I think you got your horizontally vs vertically mixed up.  On the smaller screen they stack vertically, not horizontally… =o)

Leave A Comment

You must be logged in to post a comment.