Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp

Hướng dẫn sử dụng

Làm thế nào để sử dụng nó:

1. Trước tiên, bạn cần tải khung jQuery và Bootstrap 4 cần thiết trong tài liệu.

1	<link rel="stylesheet" href="/path/to/bootstrap.min.css">

2	<script src="/path/to/jquery.slim.min.js"></script>

3	<script src="/path/to/popper.min.js"></script>

4	<script src="/path/to/bootstrap.min.js"></script>

2. Tải xuống và tải các tệp của Menu Sider trong tài liệu.

1	<link rel="stylesheet" href="css/bootstrap-sidermenu.css" />

2	<script src="js/bootstrap-sidermenu.js"></script>

3. Tạo điều hướng thanh bên từ danh sách HTML lồng nhau như sau:

01	<ul class="menu-siderbar nav flex-column">

02	<li class="nav-item open">

03	<a href="javascript:;" class="nav-link nav-link-parent">

04	<i class="menu-icon fa fa-th"></i> jQueryScript

05

</a>

06	<ul class="menu-siderbar-child nav flex-column">

07	<li class="nav-item">

08	<a href="javascript:;" class="nav-link active">

09	<i class="menu-icon fa fa-bolt"></i> jQuery

10

</a>

11

</li>

12	<li class="nav-item">

13	<a href="javascript:;" class="nav-link">

14	<i class="menu-icon fa fa-bolt"></i> HTML5

15

</a>

16

</li>

17	<li class="nav-item">

18	<a href="javascript:;" class="nav-link">

19	<i class="menu-icon fa fa-bolt"></i> CSS/CSS3

20

</a>

21

</li>

22

</ul>

23

</li>

24	<li class="nav-item">

25	<a href="javascript:;" class="nav-link nav-link-parent">

26	<i class="menu-icon fa fa-th"></i> JavaScript

27

</a>

28	<ul class="menu-siderbar-child nav flex-column">

29	<li class="nav-item">

30	<a href="javascript:;" class="nav-link">

31	<i class="menu-icon fa fa-bolt"></i> Angular

32

</a>

33

</li>

34	<li class="nav-item">

35	<a href="javascript:;" class="nav-link">

36	<i class="menu-icon fa fa-bolt"></i> React

37

</a>

38

</li>

39	<li class="nav-item">

40	<a href="javascript:;" class="nav-link">

41	<i class="menu-icon fa fa-bolt"></i> VueJS

42

</a>

43

</li>

44

</ul>

45

</li>

46	<li class="nav-item">

47	<a href="javascript:;" class="nav-link"><i class="menu-icon fa fa-envelope"></i> Contact</a>

48

</li>

49

</ul>

Loading...

Download Now

Demo

Đề Xuất Cho Bạn

Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp Hack 9999 coin ,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp gamer21free,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp hack,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp vô hạn tiền,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp hack maximum mony,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp hack onehit,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp hack bất tử,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp hack tiền,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp hack free,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp free hack,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp mod ,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp mod menu,Chia sẻ menu Bootstrap 4 - Sider Menu cực đẹp mod miễn phí