0
右パネルの幅が十分に広く、ナビバーが崩れないようにしてください。また、最初のロード/リフレッシュでは、 navbar。Collapseプラグインは、ブートストラップナビバーの上にスクロールバーが表示されるようにします。
ng-includeを使用する代わりに、navbarの内容をファイルに直接追加すると、スクロールバーが表示されません。
navbar-rightコンテンツを削除すると、スクロールバーが消えるように見えますが、エレメントはまだ浮動していて、 'Left'テキストを通過すると検出されます。
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.min.js"></script>
<script>
angular.module('app', [
'ngAnimate',
'ui.router',
'ui.bootstrap'
])
.controller('NavbarCtrl', ['$scope', function ($scope) {
$scope.isCollapsed = true;
}])
.directive('navbar', function() {
return {
templateUrl: 'navbar.html',
restrict: 'E',
controller: 'NavbarCtrl'
}
})
.config(['$stateProvider', function ($stateProvider) {
$stateProvider
.state('navpage', {
url: '/navpage',
templateUrl: 'view.html'
});
}]);
</script>
</head>
<body ng-app="app">
<a ui-sref="navpage">Widen this panel and then click me</a>
<div ui-view=""></div>
</body>
</html>
https://plnkr.co/edit/MnGQHgXW8pod42xexkkp?p=preview
オリジナル問題:https://github.com/angular-ui/bootstrap/issues/5474
あなたはplunkerで、このソリューションの例を提供することができしてください@ジョンバーガー – user93
と@Jadir J.シルバ・ジュニア – user93