2

我正在努力将 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>

它以平面样式显示，如下所示。在这里查看它，我意识到还有其他一些风格问题。就像边距看起来不对，字体看起来不对。

在此处输入图像描述

4

1 回答 1

5

您会找到一个名为 的资产bootstrap-theme{.min}.css，其中包含经过视觉改进的样式：

<link href="../../dist/css/bootstrap-theme.min.css" rel="stylesheet">

查看getbootstraptheme上的新模板。

于 2013-08-25T12:40:08.970 回答