#13: Fixed the hamburger menu to work with BS4

This commit is contained in:
Andy Heathershaw 2017-09-01 15:20:01 +01:00
parent 78608eebbc
commit bf8513cce8
2 changed files with 10 additions and 4 deletions

View File

@ -27,3 +27,9 @@ a:focus, a:hover {
.navbar .navbar-nav > li > a:hover { .navbar .navbar-nav > li > a:hover {
color: #fff !important; color: #fff !important;
} }
.navbar-toggler
{
border-color: #b3d1ff !important;
color: #b3d1ff !important;
}

View File

@ -1,8 +1,8 @@
<nav class="navbar navbar-expand-md navbar-inverse bg-primary"> <nav class="navbar navbar-expand-md navbar-dark">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="{{ route('home') }}"><i class="fa fa-fw fa-photo"></i> {{ UserConfig::get('app_name') }}</a> <a class="navbar-brand" href="{{ route('home') }}"><i class="fa fa-fw fa-photo"></i> {{ UserConfig::get('app_name') }}</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-fw fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbar-content"> <div class="collapse navbar-collapse" id="navbar-content">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">