Using angular-strap aside to display a menu that opens from a button on the navbar using bootstrap 3. It was functioning properly until I added the navbar-fixed-top class to the navbar, causing it not to display correctly.
Here's the HTML code:
<div ng-app="myApp" ng-controller="myController">
<!-- Adding the navbar-fixed-top class causes issues -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" bs-aside="aside" data-placement="left">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
</div>
</nav>
</div>
Javascript code:
var app = angular.module('myApp', ['mgcrea.ngStrap.aside']);
app.controller('myController', function($scope){
$scope.aside = {
"title": "Title",
"content": "This is the message!"
};
});
How can I resolve this issue?
Appreciate your help!