当我将Twitter.Bootstrap版本从2.3改为3.0时,为什么按钮会失去他们的3D风格？
Rya*_*ice 2 twitter-bootstrap-3
我正在努力将Twitter.Bootstrap集成到我正在创建的新网站中,我的按钮看起来很扁平,而不像示例.在玩了一下后,通过更改样式表和javascript引用以使用旧版本,我能够获得3d外观按钮.
这是2.3.1的工作代码
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" media="screen"/>
</head>
<body>
<h1>Hello, world!</h1>
<button class="btn">hello</button>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
</body>
</html>
显示如下所示
这是相同的代码,只更新了版本号
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>Hello, world!</h1>
<button class="btn">hello</button>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
</body>
</html>
哪个显示为平面样式,如下所示.在这里看着它我也意识到还有其他一些风格问题.像边缘看起来错误,字体看起来很像.
您将找到一个名为的资产bootstrap-theme{.min}.css,其中包含光学改进的样式:
<link href="../../dist/css/bootstrap-theme.min.css" rel="stylesheet">
theme在getbootstrap上查看新模板.
| 归档时间： |
|
| 查看次数： |
2384 次 |
| 最近记录： |