1
00:00:01,320 --> 00:00:09,090
Hello, in this video, we are going to cover the typography featured in a bootstrap, so typography,

2
00:00:09,100 --> 00:00:11,390
I've got the official page open here.

3
00:00:11,580 --> 00:00:17,400
I will provide a link to this in the description so you can see all of this allows you to essentially

4
00:00:17,400 --> 00:00:23,850
manipulate the way text looks, want to cover a reasonable amount of it, but feel free to go more in-depth

5
00:00:23,850 --> 00:00:24,950
into this.

6
00:00:25,440 --> 00:00:32,970
So the first thing less display a three point one mile range between eight one eight six, one being

7
00:00:32,970 --> 00:00:35,490
the biggest, six being the smallest and everything in between.

8
00:00:35,730 --> 00:00:36,700
Slowly go down.

9
00:00:37,020 --> 00:00:42,890
OK, so if I was the one we get that.

10
00:00:43,110 --> 00:00:53,010
And if it's dialyse slightly if I was to let's say that I first got rid of the beast, I mean, that

11
00:00:53,010 --> 00:00:59,910
war in general would look like with the bootstrap code, it does look slightly different, more in line

12
00:00:59,910 --> 00:01:04,170
with the style system that bootstrap provides.

13
00:01:04,530 --> 00:01:12,870
OK, so the next thing we can actually wanted to create an element that wasn't using the page one or

14
00:01:13,110 --> 00:01:18,510
two, three, four, five or six tags, but we wanted them to still look like a header, maybe for some

15
00:01:18,510 --> 00:01:19,560
specific reason.

16
00:01:19,560 --> 00:01:23,100
Maybe the way we are manipulating the content, we need a pirate tag.

17
00:01:23,280 --> 00:01:24,230
We could do that.

18
00:01:24,240 --> 00:01:28,560
And the other one, it looks different.

19
00:01:28,590 --> 00:01:35,340
But if I wanted to look the same as the head of one built in Bootstrap Starlit, we put Giclas.

20
00:01:38,610 --> 00:01:42,600
One, two, three, four, five, six.

21
00:01:43,080 --> 00:01:43,600
There we go.

22
00:01:43,620 --> 00:01:52,800
It is exactly the same and you can obviously now add a non H one time for for the sake of the whole.

23
00:01:54,180 --> 00:01:54,970
There we go.

24
00:01:55,390 --> 00:02:04,590
OK, so next, what we're going to do is cover the display tag on the display tag is more recommended

25
00:02:04,770 --> 00:02:09,570
for the main part of the body if you are creating sections.

26
00:02:09,870 --> 00:02:15,120
So to do that, you can just pull up a tag and you could use a non tag as well.

27
00:02:15,360 --> 00:02:21,570
But it's just better for your screen readers and therefore SEO purposes.

28
00:02:21,570 --> 00:02:31,310
If you can use the display, dash one and if I can display one, reload.

29
00:02:31,530 --> 00:02:33,030
So this is looks bigger.

30
00:02:33,030 --> 00:02:34,950
It looks slightly different.

31
00:02:35,190 --> 00:02:40,830
And again, this ranges from Yoffie display one through to six.

32
00:02:42,320 --> 00:02:50,730
And the final one on the show is the need for pay, and if I was to just put some lorem ipsum text,

33
00:02:50,870 --> 00:02:57,320
which I've got right here, copy that, paste it and follow us to save that.

34
00:03:00,650 --> 00:03:11,150
Refresh, we just get some basic text for a class of these reloaded, it looks a bit more bold in the

35
00:03:11,150 --> 00:03:15,000
way they Thika bold, but in the way that it stands out now.

36
00:03:15,230 --> 00:03:21,020
So that is what the lead cluster looks and a lot more feet that we have uncovered.

37
00:03:21,230 --> 00:03:26,360
The way you can manipulate Illinois text elements so you can do details.

38
00:03:26,370 --> 00:03:32,480
We should basically delete the line of posts right through it or else, which is basically the same.

39
00:03:32,480 --> 00:03:38,870
Has the benefit of doing this if, let's say you want some content content to be there, but you maybe

40
00:03:38,870 --> 00:03:40,430
you're saying it's no longer relevant.

41
00:03:40,610 --> 00:03:49,910
Will you come for maybe you created checklist the user click the button and say this target did and

42
00:03:50,240 --> 00:03:51,910
did a bunch of other stuff as well.

43
00:03:52,190 --> 00:03:57,500
You can mess around with abbreviations, so we formats them slightly different.

44
00:03:57,510 --> 00:04:03,410
You can mess around with blockquote and name naming a source who was this is great if you are creating

45
00:04:03,410 --> 00:04:08,920
some sort of blog article system, obviously a line in that stuff lists as well.

46
00:04:08,930 --> 00:04:14,540
So the list is almost endless of the typography features available.

47
00:04:14,810 --> 00:04:16,820
And that's really simple.

48
00:04:16,820 --> 00:04:19,280
If you have any questions, feel free to come your message.

49
00:04:19,310 --> 00:04:22,880
And as usual, I look forward to seeing you in the next video.