1
00:00:03,050 --> 00:00:08,760
In this lecture I really discuss about bootstrap a good system.

2
00:00:08,760 --> 00:00:09,960
Like any grid system.

3
00:00:09,960 --> 00:00:17,850
The good step big is a library of TMLC SS components that allow you to structure a website and place

4
00:00:17,940 --> 00:00:27,870
a website contain content in desired location easy hosted system allow up to 12 columns across the page.

5
00:00:28,290 --> 00:00:34,560
If you don't want to use our 12 columns individually you can group the columns together to create wider

6
00:00:34,590 --> 00:00:43,320
columns who Treb grid system is responsive and the columns and arrange automatically depending on the

7
00:00:43,320 --> 00:00:45,660
screen size.

8
00:00:45,940 --> 00:00:54,970
Good said grid system is made up of Keatings a container row and columns.

9
00:00:55,810 --> 00:01:02,580
The following is a basic structure of moonset grid system Boucek good system needs a container to hold

10
00:01:02,690 --> 00:01:04,600
all rows and columns.

11
00:01:04,620 --> 00:01:09,450
A container is simple a div element with a class of dot containers.

12
00:01:09,660 --> 00:01:16,350
The container is used to quite a proper grip for the layout acting as a wrapper for the content.

13
00:01:16,800 --> 00:01:23,700
So first you would need to create a container div and then create a row and then add desired number

14
00:01:23,700 --> 00:01:25,380
of columns.

15
00:01:25,410 --> 00:01:32,150
Note that number should be always up to 12 for each table.

16
00:01:32,160 --> 00:01:40,680
It is a very good explanation on the boost website like rows must be placed within a container.

17
00:01:42,060 --> 00:01:51,110
In a predefined classes for leg row like column extra small good shape uses different column Plus's

18
00:01:51,130 --> 00:02:02,280
prefix or diff for different sized cases like Access core Fornes for extra small devices.

19
00:02:02,500 --> 00:02:11,350
For cosmology races CT tablets and M.D for medium devices snakeboard desktop and LG for large desktops

20
00:02:12,280 --> 00:02:13,420
as they mentioned before.

21
00:02:13,420 --> 00:02:20,740
If you don't want to use 12 columns individually you can group the columns together to create a wider

22
00:02:21,370 --> 00:02:27,850
columns woodchip good system is responsive and the columns will be a change dramatically depending on

23
00:02:27,850 --> 00:02:28,870
the screen size

24
00:02:31,660 --> 00:02:32,350
in discourse.

25
00:02:32,350 --> 00:02:41,940
You'll be using a single sake of column M.D you will create a great system Derreck will start

26
00:02:44,850 --> 00:02:50,640
horizontally on the desktops and instead on more by the way says.

27
00:02:50,880 --> 00:02:57,410
So this is the end you will be using the grid system in discourse in the next lecture.

28
00:02:57,420 --> 00:03:00,630
I will Eguchi a framework for small business web page.

29
00:03:00,640 --> 00:03:01,560
See you didn't.