2014-08-28 49 views
0

我试图用Webplate实现这一点,但我决定我需要强制自己学习引导程序。我正在使用干净,空白的dist,并且我想模仿webplate框架默认提供的效果第一页上的响应全屏bg(引导程序3)

响应式背景图像,用于单个页面网站的介绍。

我在网上找到的最好的例子是这样的http://creativedistrict.com/

我在寻找所有堆栈的例子,但找不到任何。如果我能得到一些帮助,至少是方向,我会很感激。我是新手,这就是为什么我问。

回答

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下载和使用的

<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似乎是相当兼容的引导CDN环节做了一些快速测试,JS可能需要更多的工作。

祝你好运!