为什么我的bootstrap btn-inverted按钮显示为灰色而不是黑色渐变？
Der*_*ode 4 javascript css jquery twitter-bootstrap angularjs
我正在使用angular,bootstrap和jquery来使用json填充按钮.但是,当我将样式设置为样式时,它如下所示:
它显示如下:
那么我如何才能获得正确渲染按钮的bootstrap？
Stackoverflow代码预览不起作用.Plunk for project在这里:http://plnkr.co/edit/FmK38oyDRZzWOTstoaEo
var bridgeCreek = angular.module('bridgeCreek', []);
bridgeCreek.controller('MyController', ['$scope', '$http', function($scope, $http) {
$http.get('http://www.zaithe.com/demos/bridgeCreek/js/json/navigation.json').success(function(data) {
$scope.navigation = data;
});
}]);<!DOCTYPE html>
<html ng-app="bridgeCreek">
<head>
<link data-require="bootstrap@*" data-semver="3.3.1" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
</head>
<body ng-controller="MyController">
<ul class="nav navbar-right navbar-nav">
<li ng-repeat="item in navigation">
<button type="button" class="btn btn-inverse btn-sm">
<span ng-class="item.glyph" aria-hidden="true"></span> {{item.text}}
</button>
</li>
</ul>
<script data-require="jquery@*" data-semver="2.1.3" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script data-require="angular.js@*" data-semver="1.4.0-beta.5" src="https://code.angularjs.org/1.4.0-beta.5/angular.js"></script>
<script src="script.js"></script>
<script data-require="bootstrap@*" data-semver="3.3.1" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
</body>
</html>我看了一下与你的按钮元素相关的样式,并且没有btn-inverse的样式.这意味着您缺少所需的css文件.
我刚刚检查了bootstrap文档,它看起来像btn-inverse已经停止,所以这可能是你错过了css :-(
本文来自他们的文档:
对按钮颜色类的更改
将btn-default添加到没有其他颜色的btn元素.将btn-inverse替换为btn-default,因为反向已从Bootstrap 3中删除.