1
00:00:05,440 --> 00:00:13,900
Before moving to the section dedicated to an in-depth view of JavaScript and to the creation of the

2
00:00:13,900 --> 00:00:21,460
project entirely made up with bootstrap elements, let's conclude our theoretical part by talking about

3
00:00:21,460 --> 00:00:27,550
borders and in the next lesson about buttons, talking about borders.

4
00:00:27,560 --> 00:00:35,980
As you can verify in the official documentation, you can insert simply thanks to these simple classes,

5
00:00:36,190 --> 00:00:45,580
specific borders for a single side of a Dave Hispan or a tag in general.

6
00:00:46,690 --> 00:00:55,210
Whereas for the whole content, we might then also insert borders, excluding just one of the area's

7
00:00:55,370 --> 00:01:04,600
top right, bottom left corner them and round them gave them a specific function called border radios

8
00:01:04,600 --> 00:01:15,250
that might both make them circles and make the content over or else simply round briefly a single side

9
00:01:15,250 --> 00:01:15,820
of them.

10
00:01:18,000 --> 00:01:29,730
Let's then build some rounded dips inside our page after having already inserted a choice of various

11
00:01:29,730 --> 00:01:41,190
indications as koulouris texts and layout, let's insert now the rounded circle built into the central

12
00:01:41,190 --> 00:01:41,730
column.

13
00:01:43,340 --> 00:01:48,430
Let's save refresh and let's see the result.

14
00:01:49,540 --> 00:01:58,390
As you can see, our container, which has a light blue background, is covering that part of content

15
00:01:58,720 --> 00:02:07,210
that won't be a part of the central column anymore, which, thanks to the rounded circle attribute,

16
00:02:07,210 --> 00:02:09,400
has become a yellow circle.

17
00:02:10,400 --> 00:02:18,880
Let's see now how to insert borders with the color that before used to belong to the background.

18
00:02:18,890 --> 00:02:20,630
So let's insert.

19
00:02:21,910 --> 00:02:29,320
Border danger instead of big danger, and let's insert into our third column.

20
00:02:30,910 --> 00:02:34,390
Borders suspects instead of big suspects.

21
00:02:35,760 --> 00:02:45,450
In so doing, we have said also the border on all the four sides and therefore let's save and refresh.

22
00:02:47,310 --> 00:02:56,400
Let's modify also the container background, deleting it so that it appears white and so to be able

23
00:02:56,400 --> 00:03:01,740
to render visually better the various columns with their features.

24
00:03:02,870 --> 00:03:04,820
As far as the borders.

25
00:03:07,210 --> 00:03:11,860
Let's delete also the colors of the text.

26
00:03:14,480 --> 00:03:16,670
And we obtained a setting.

27
00:03:19,120 --> 00:03:30,160
Based on a white background with colorful borders and around the border in the central column, OK,

28
00:03:30,160 --> 00:03:38,920
then these are only a few of the capabilities described in the official communication at the beginning

29
00:03:38,920 --> 00:03:39,820
of the lesson.

30
00:03:40,600 --> 00:03:46,170
And thanks to bootstrap, you can choose to use them in any attack as needed.