WEBVTT

00:00:06.900 --> 00:00:13.680
In this video we're going to learn how to use bootstrap to create jumbo trons jumbo trons I used to

00:00:13.710 --> 00:00:18.420
call extra attention to some featured information or content in your websites.

00:00:18.450 --> 00:00:22.230
So let's create a Jumbotron just like this one.

00:00:22.570 --> 00:00:23.470
OK.

00:00:23.700 --> 00:00:34.740
So first of all we can create a diff and we need to give it to a class of Jumbotron.

00:00:37.010 --> 00:00:38.050
OK.

00:00:38.810 --> 00:00:42.640
And then we can place all these elements inside our div.

00:00:42.750 --> 00:00:48.980
OK so we're going to have a header a paragraph and then another paragraph with a link or button.

00:00:49.110 --> 00:00:56.070
Ok so it starts with a header.

00:00:56.070 --> 00:01:00.590
Welcome to our ceiling up.

00:01:01.480 --> 00:01:01.840
OK.

00:01:01.860 --> 00:01:13.900
And then you have a paragraph up to make your life easier.

00:01:14.600 --> 00:01:15.000
OK.

00:01:15.030 --> 00:01:23.110
And then let's have a another paragraph and let's have a link in inside the paragraph.

00:01:23.130 --> 00:01:35.990
Ok so we want building to have a glass of Butson and then Busson success.

00:01:37.550 --> 00:01:43.520
Hey let's it's some text inside a link.

00:01:43.560 --> 00:01:45.640
DODES more.

00:01:46.600 --> 00:01:55.250
OK let's make the button bigger using the bus in large class.

00:01:56.250 --> 00:02:02.000
And let's add a trip like that's.

00:02:03.160 --> 00:02:05.210
OK that's very good.

00:02:05.210 --> 00:02:05.850
All right.

00:02:06.180 --> 00:02:11.710
Sometimes you may want the Jumbotron to take the full width of the viewport.

00:02:11.730 --> 00:02:20.780
So in that case rather than placing the Jumbotron inside the container will place the outside the container

00:02:20.850 --> 00:02:29.740
and then we're going to place the contents of the Jumbotron inside a container.

00:02:30.120 --> 00:02:30.390
OK

00:02:30.390 --> 00:02:37.680
.

00:02:37.680 --> 00:02:45.520
So our concern is going to be a glass container or contain the flow it should.

00:02:46.600 --> 00:02:46.780
OK

00:02:46.890 --> 00:02:57.620
.