Responsive design 第一页响应全屏背景(引导3)

Responsive design 第一页响应全屏背景(引导3),responsive-design,twitter-bootstrap-3,web,Responsive Design,Twitter Bootstrap 3,Web,我试图用Webplate实现这一点,但我决定我需要强迫自己学习bootstrap。我使用的是一个干净的空dist,我想模拟webplate框架默认提供的效果 单页网站介绍的响应性背景图像 我在网上找到的最好的例子是 我在整个堆栈中查找示例,但找不到任何示例。如果我能得到一些帮助,至少是指导,我将不胜感激。我是个新手,这就是我为什么要问的原因。如果你认为引导框架是一堆CSS和可选的JS,那么从理论上讲,与Webplate这样的东西结合起来并不太困难 要添加CSS和JS文件,可以下载引导程序,获取所

我试图用Webplate实现这一点,但我决定我需要强迫自己学习bootstrap。我使用的是一个干净的空dist,我想模拟webplate框架默认提供的效果

单页网站介绍的响应性背景图像

我在网上找到的最好的例子是


我在整个堆栈中查找示例,但找不到任何示例。如果我能得到一些帮助,至少是指导,我将不胜感激。我是个新手,这就是我为什么要问的原因。

如果你认为引导框架是一堆CSS和可选的JS,那么从理论上讲,与Webplate这样的东西结合起来并不太困难

要添加CSS和JS文件,可以下载引导程序,获取所需文件,将它们添加到Webplate项目文件中,然后在Webplate文档的头部链接到它们

另外,还提供了有关从何处获取这些文件的CDN版本的详细信息,这样对您来说可能更简单

一旦将引导CSS和JS链接到Webplate页面,就可以开始了。如果你查看Bootstrap网站,你会发现有很多代码可以复制和粘贴

当组合这样的不同框架时,您需要谨慎,因为CSS或可能更严重的JS冲突。我使用Webplate下载并使用的引导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可能需要更多的工作

祝你好运