我已经下载Zurb基金会图标字体文件 http://zurb.com/playground/foundation-icon-fonts-3 我解压缩它们，并将/ foundation-icons文件夹放入我的/ css文件夹。它是否正确？我试图遵循文档“如何使用它们”部分，我不能弄清楚如何开始使用类。 我在我的.html中这样做来调用类。 <a class=".fi-social-facebook
我正在建立一个登录表单，我想在屏幕中间的用户名和密码字段正方形。我也使用Zurb Foundation软件包来构建这个表单。我把事情放在垂直方向上有很多麻烦。 这是我的代码： <!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE
我正在使用Django-Bower测试基础5的SASS实现。我是Bower的想法的新手，对于如何使设置正常工作有点混乱。 我有django-bower安装并配置为正常运行。在加入基础应用程序配置并运行manage.py bower_install之后，我可以看到基础文件确实已经正确安装。我也可以使用静态标签将JS加载到模板中，而不会出现问题，所以我觉得我大约在一半。 我的问题是关于如何实际使用我的
我决定使用基础4的Sass版本作为CSS，现在几乎不可能有效地编辑。 我按照这里的说明：http://foundation.zurb.com/docs/sass.html 这些建议我安装宝石(没问题)，然后安装指南针然后创建一个项目，这是我在wwwroot。 到目前为止都不错然后接着告诉我“从Github下载文件(抓取scss /和js /目录)并将它们放入您的项目目录” 现在为什么以自行车上的鱼
我正在使用Zurb Foundation 4，我需要我的顶级栏导航以.large-12.columns为中心 我试过以下(但它不工作) <div class="row">
<div class="large-12 columns">
<nav class="top-bar">
<ul class="title-area">
...
我使用ZURB基础CSS框架设计一个网站。目前，我正在尝试创建一个页脚，留在页面的底部。我有以下脚本代码，但它不会到底部，而是显示在中间。 你能告诉我如何创建一个页脚(使用ZURB基础框架)，将留在底部？ <div class="row">
<div class="twelve columns" style="background-color:#000000; height:30px; b
我想在我的下拉列表中添加一个 CSS3效果. (就像Instagram.com上的“我的个人资料”一样). 我使用Animate.css的CSS3效果. 我试过这个,但不行. HTML <a href="#" data-dropdown="dropdownalerts" data-options="is_hover:true"><%=fa_icon "bell"%></a>
<ul id="dr
似乎是CSS相关的,因为在一个简单的 HTML页面初始化地图工作正常.我已经添加了建议的CSS来解决已知问题(下面),但似乎无法摆脱这一点. #map {
*, *:before, *:after {
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!importa
我正在使用Zurb Foundation 4(S)CSS框架,我遇到了大量重复样式的问题.这是因为在每个文件中,我@import’foundation’,基金会的所有样式也被导入(body,.row,.button和朋友的规则).这导致了长时间的SCSS编译时间,并且很难在Chrome中浏览Web开发者控制台,因为Zurb的所有样式都被宣布为四到五次. 为了缓解这个问题,我创建了一个全局scss文
我正在使用最新的Zurb Foundation(撰写本文时为4.0.4). 我希望Internet Explorer能够使用它.这可能吗？ 我尝试改变CSS很多但似乎没有像Firefox中那样使它的布局. 我尝试将列显示更改为内联,但它更加突破了布局. 我希望在FF中看起来的主要html看起来像这样： <div class="row">
<div class="large-6 columns"
在sass中,导入的方式是使用import命令.我将以Zurb Foundation为例： @import "foundation"; 然后,这将导入整个foundation.scss文件及其所有相对导入到当前文件的顶部.这意味着整个foundation.scss文件将与文件内容一起编译和输出到最终的< name here> .css文件. 虽然这有利于自定义,例如自定义颜色和间距,但在创建库并将
当他的父母大 – 中 – 小时,我想给H2不同的CSS. 这是我的HTML： <div class="category-box large-6 medium-6 small-12 columns">
<h2 class="category-name">My title</h2>
<div class="hide-for-small">
我正在使用 vue-cli来构建一个Vue.js Webpack应用程序,我很困惑如何,作为一个基本的例子,包括像 Zurb Foundation这样的东西. 我已经安装了所需的依赖项和加载器,例如sass-loader和css-loader,但我只是在理解如何配置Webpack进行编译和包含的基本层面上感到困惑,例如node_modules / foundation-sites / scss /
使用Foundation,我正在尝试调整顶栏菜单,以使菜单项看起来像这样： +-Parent container------------------------------------------------------------------+
|
my site上的顶级栏导航器如下所示： | Home | aveoTSD | Silent Nite | 我想把顶级酒吧导航如下： | Home | aveoTSD | Silent Nite | 将其与“示例”文本完全相同. 这是my css. 您可以将其添加到CSS中(最好删除冲突的样式)： .top-bar-section ul {di
我的网站神秘地在野生动物园休息,没有响应(基础zurb到目前为止任何其他浏览器). 即使我不使用js boundle也会发生这种情况. 这场灾难在线：http://diet.paperide.com 我没有为什么的线索！谢谢… 在文档的头元素中添加以下内容： <meta name="viewport" content="width=device-width" />
我正在使用Foundation 4开发一个新的Rails项目.我使用Foundation的类将一个链接转换为一个按钮： <%= link_to 'New Item', new_item_path, :class => "small button round" %> 按钮出现,看起来像我的意图： 但是,一旦我访问了链接,它看起来像这样： 不太好. 我查看了CSS,发现访问链接的颜色是在scaffol
我通过bash创建了一个新的Foundation 5项目，并建立了新的我的项目。当我在Chrome中打开index.html文件时，一个未捕获的TypeError：a.indexOf不是一个功能错误，显示在控制台中，源自jquery.min.js：4。 我按照基础站点上的步骤创建了项目，但我似乎无法摆脱这个错误。基础和jQuery看起来像是在index.html文件中被正确地包含并链接，并且链接的
我正在使用Foundation Joyride,每次我加载网页时都会开始游览,但是我如何才能首次加载网页时启动游览？ 我的设置是…… $(window).load(function() {
//Foundation Joyride (Tour)
$("#tour").joyride({
'cookieMonster': true,
'cookieN
我遇到了将砌体与Foundation网格布局集成的问题.基本上具有不同高度的相同宽度图像,砖石按预期工作,但在某些断点处,网格仅具有两列布局而不是通常的四列. 但是,如果您继续最小化浏览器宽度,则会返回四列,因此无法显示它们的空间. var $container = $('#work_grid');
$container.imagesLoaded( function(){
$('#work_g
