1
00:00:05,290 --> 00:00:12,940
Let's go include the basics of bootstrap in talking about buttons, which are buttons to insert into

2
00:00:12,940 --> 00:00:14,210
our Web pages.

3
00:00:14,260 --> 00:00:16,310
When we talked about age HTML.

4
00:00:16,690 --> 00:00:25,270
We never came up with buttons because the basic setting of buttons without using a little bit of stylesheet

5
00:00:25,750 --> 00:00:29,110
makes no sense at all as a proof.

6
00:00:29,140 --> 00:00:36,460
There are some effects when you over on the button or when you click on them, which if done only with

7
00:00:36,460 --> 00:00:37,390
age html.

8
00:00:37,390 --> 00:00:38,920
I'm not pleasant to see.

9
00:00:39,870 --> 00:00:46,860
And basically, that's why they do not get used now that we are talking about bootstrap, we can seize

10
00:00:46,860 --> 00:00:51,720
the chance to insert batons into one of our columns.

11
00:00:52,890 --> 00:01:01,350
The base syntax used in HDMI, which we are inserting into the central column, and so let's remove

12
00:01:01,350 --> 00:01:11,210
all the content, is simply button to which a type attribute gets associated is sometimes even a class.

13
00:01:11,220 --> 00:01:15,720
But in this moment, what matters is only the type attribute.

14
00:01:17,400 --> 00:01:23,860
Pattern can be used alternate forms, which we have seen at the beginning of our course.

15
00:01:23,880 --> 00:01:30,540
In fact, when you send a full therefore there's a name where you have to click to actually send it,

16
00:01:30,540 --> 00:01:38,170
for example, normally, even if it gets identified as an input, that one is in reality a button.

17
00:01:38,460 --> 00:01:44,790
So if we inserted type button into a normal standard button, saving and refreshing.

18
00:01:46,000 --> 00:01:49,900
We would notice in the layout this tiny button.

19
00:01:51,550 --> 00:01:57,430
With a black rim, which gets normally associated to a hyperlink.

20
00:01:59,160 --> 00:02:07,230
Then there are also the swap meet and reset times, which we have already seen when we were dealing

21
00:02:07,230 --> 00:02:15,150
with the forms in HTML, which differently from the button type we are analyzing you in this lesson,

22
00:02:15,420 --> 00:02:20,560
are linked to other operations of submitting or deleting the series of data.

23
00:02:21,000 --> 00:02:23,150
Let's insert into the bathroom.

24
00:02:24,060 --> 00:02:25,730
Our hello worth.

25
00:02:28,070 --> 00:02:37,550
That save refresh and we see that our busson, without any type of stylesheets setting has been inserted

26
00:02:37,700 --> 00:02:41,960
and if we click on it, you will see that there is a tiny.

27
00:02:43,360 --> 00:02:51,370
White bream, which was not present before clicking, and now, as you see, it's gone.

28
00:02:54,190 --> 00:03:03,000
Inside bootstrap, we can then use the buttons, assigning them a certain type of style in the tag class,

29
00:03:03,790 --> 00:03:05,950
we will insert and.

30
00:03:07,120 --> 00:03:09,970
And then by the end, dash and the color.

31
00:03:11,260 --> 00:03:12,730
For example, as a sex.

32
00:03:14,360 --> 00:03:17,880
That save refresh and we see the results.

33
00:03:17,900 --> 00:03:28,460
See the button used to be green and by hovering it becomes dark green and by clicking it generates an

34
00:03:28,460 --> 00:03:33,110
additional border with the green gradient.

35
00:03:33,440 --> 00:03:37,610
Therefore, these are the basic settings of bootstrap.

36
00:03:37,940 --> 00:03:45,800
As far as inserting Ivarson among the various functionalities, we can also reverse the button color.

37
00:03:46,700 --> 00:03:51,170
By inserting outline before sex inside class.

38
00:03:52,500 --> 00:04:00,640
As you see, the background will be transparent, and by hovering, it becomes green last.

39
00:04:00,720 --> 00:04:05,050
We can also assess the dimension of the vessel itself.

40
00:04:05,340 --> 00:04:09,550
We just have to add, Becky, and dash algae.

41
00:04:09,630 --> 00:04:12,030
If you want a large basin.

42
00:04:14,000 --> 00:04:21,740
Which, as you see, gets widened or as and if we want a small button and.

43
00:04:23,590 --> 00:04:31,570
Here it is now, please take a look at the documentation at the VA, it's about bassoons.

44
00:04:31,870 --> 00:04:40,290
So to see the topic more in detail before stepping on to what would be the actual end first project

45
00:04:40,300 --> 00:04:50,020
of our cause, where we follow the creation of an artist web page by using Bootstrap and JavaScript.