我试图使用Webplate实现这一目标,但我决定强迫自己学习bootstrap。我使用干净,空的dist,我想模仿webplate框架默认提供的效果
单页网站介绍的响应式背景图片。
我在网上找到的最好的例子是http://creativedistrict.com/
我在堆栈中查找示例但无法找到任何示例。如果我能得到一些帮助,至少是方向,我会很感激。我是新手,这就是我要问的原因。
答案 0 :(得分:0)
如果你认为Bootstrap框架是一堆CSS和可选的JS,那么从理论上来说,与Webplate这样的东西结合起来并不困难。
要添加CSS和JS文件,您可以下载Bootstrap,获取所需文件,将它们添加到Webplate项目文件中,然后在Webplate文档的头部链接到它们。
或者,http://getbootstrap.com/getting-started/详细说明了获取这些文件的CDN版本的位置,以便您可以更轻松。
一旦你将Bootstrap CSS和JS链接到你的Webplate页面,你就可以了。如果您查看Bootstrap网站,您将找到大量可以复制和粘贴的代码。
当组合这样的不同框架时,由于CSS或可能更严重的JS冲突,您需要谨慎使用。我使用http://getwebplate.com/#download的Webplate下载并使用
的Bootstrap CDN链接进行了一些快速测试<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
and
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
CSS似乎相当兼容,JS可能需要更多的工作。
祝你好运!