如何使用最新版本保持bootstrap版本3样式表的最新版本?

时间:2015-05-21 13:47:43

标签: css twitter-bootstrap twitter-bootstrap-3

每当发布新版本时,我都希望我的自定义引导样式表与最新版本保持同步。

我希望能够轻松地从例如bootstrap版本3.2.0更新到bootstrap版本3.3.4,然后从那里更新到任何未来版本(请记住,引导程序不会完全改变结构)。

有什么简单的方法可以实现这一目标吗?

我是否可以通过特定方式构建样式表,以便更新到更新版本?

我希望能够跟上最新版本,而无需重做我的大多数自定义样式更改。

2 个答案:

答案 0 :(得分:2)

选项1

保留原始引导文件并覆盖/扩展您自己的css文件中的样式。这样你就可以毫无问题地更新bootstrap。

确保自定义样式优先级高于引导程序提供的类。类似的东西:

你的HTML:

<div id="my-website">
    <button class="btn btn-default" type="submit">Button</button>
</div>

你的css:

#my-website .btn {
    display: inline-block;
    width: 100px;
    height: 100px;
}

这样你就可以用自己的方式覆盖默认的bootstrap .btn类功能而无需修改bootstrap本身,并且由于按钮位于带有id的div中,因此通过指定该关系而不是bootstrap样式和样式修改将具有更高的优先级应用。

选项2

分叉他们的GitHub仓库https://github.com/twbs/bootstrap并在你的分叉中进行更改。这样,无论何时您想要更新引导版本,您只需将您的仓库与上游同步,并将您的更改与他们的更新合并。

虽然这会增加更多的复杂性,但它肯定会允许您修改原始的引导程序文件,而不会让您无需更多麻烦就能更新。

P.S。:我建议为你自己的东西使用一个单独的分支,这样如果你想要为bootstrap做贡献,你可以使用相同的fork,并且不需要做任何魔法来清理你的master分支。更不用说更新repo会更简单,只需将master分支从上游重新绑定到你的repos master,然后将master分支合并到你自己的分支中。

答案 1 :(得分:1)

你可以做,因为它说 Hashem Qolami 以及是否保持自己的风格,当然你可以做到!由它自己&#34; theme.css&#34;如果正确的化妆和呼叫在我的服务器中更新,但每次你离开新的启动时我会做什么和我跑什么,但不要依赖于任何人。

你必须做的是引导CDN以保持最新版本(不推荐

http://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css

http://maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js

并维护您自己的theme.css

<head>
 <link rel="stylesheet" href="asset/css/theme.css">
 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

 <script type="text/javascript" src="asset/js/jquery-2.1.4.min.js"></script>
 <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>
</head>
相关问题