xxxxxxxxxx1
<html>2
<body>3
<div class="navbar">4
<button5
data-mdb-toggle="sidenav"6
data-mdb-target="#sidenav-1"7
class="btn btn-primary"8
aria-controls="#sidenav-1"9
aria-haspopup="true"10
>11
<i class="fas fa-bars"></i>12
</button>13
</div>14
<div class="p-3" id="content"> 15
<div class="m-5 p-5 text-center">Sidenav cannot be opened, when too many of these container are present and a scrollbar is shown.</div>16
<div class="m-5 p-5 text-center">Sidenav cannot be opened, when too many of these container are present and a scrollbar is shown.</div>17
<div class="m-5 p-5 text-center">Sidenav cannot be opened, when too many of these container are present and a scrollbar is shown.</div>18
<div class="m-5 p-5 text-center">Sidenav cannot be opened, when too many of these container are present and a scrollbar is shown.</div>19
<div class="m-5 p-5 text-center">Sidenav cannot be opened, when too many of these container are present and a scrollbar is shown.</div>20
<div class="m-5 p-5 text-center">Sidenav cannot be opened, when too many of these container are present and a scrollbar is shown.</div>21
<div class="m-5 p-5 text-center">Sidenav cannot be opened, when too many of these container are present and a scrollbar is shown.</div>22
<div class="m-5 p-5 text-center">Sidenav cannot be opened, when too many of these container are present and a scrollbar is shown.</div>23
<div class="m-5 p-5 text-center">Sidenav cannot be opened, when too many of these container are present and a scrollbar is shown.</div>24
</div>25
<!-- Sidenav -->26
<nav27
id="sidenav-1"28
class="sidenav"29
data-mdb-hidden="false"30
data-mdb-right="true"31
>32
<ul class="sidenav-menu">33
<li class="sidenav-item">34
<a class="sidenav-link">35
<i class="far fa-smile fa-fw me-3"></i><span>Link 1</span></a36
>37
</li>38
<li class="sidenav-item">39
<a class="sidenav-link"40
><i class="fas fa-grin fa-fw me-3"></i><span>Category 1</span></a41
>42
<ul class="sidenav-collapse show">43
<li class="sidenav-item">44
<a class="sidenav-link">Link 2</a>45
</li>46
<li class="sidenav-item">47
<a class="sidenav-link">Link 3</a>48
</li>49
</ul>50
</li>51
<li class="sidenav-item">52
<a class="sidenav-link"53
><i class="fas fa-grin-wink fa-fw me-3"></i><span>Category 2</span></a54
>55
<ul class="sidenav-collapse">56
<li class="sidenav-item">57
<a class="sidenav-link">Link 4</a>58
</li>59
<li class="sidenav-item">60
<a class="sidenav-link"61
>Link 5</a62
>63
</li>64
</ul>65
</li>66
</ul>67
</nav>68
<!-- Sidenav -->69
</body>70
</html>1
1
1
1
Console errors: 0