Tag: zurb-foundation

Grundlage ist ein cross-Gerät CSS-framework, gehalten von ZURB, für den Aufbau sowohl von Prototypen und die Produktion von code.

Umsetzung eines responsive Pinterest-Stil layout mit Zurb Foundation und SASS Mixins in Verbindung?

Anzahl der Antworten 1 Antworten
Ich bin mit Zurb Foundation mit SASS und Compass. Ich brauche zur Umsetzung einer Pinterest Stil-Spalten-layout , wobei jedes "panel/pin" kann eine andere Höhe, aber alle Platten/Stifte haben die gleiche Breite. Die Herausforderung ist, Sie zu bedecken,

Stiftung Akkordeon Alle Erweitern/Reduzieren-Taste

Anzahl der Antworten 1 Antworten
Bin ich mit dem Foundation 3 Akkordeon http://foundation.zurb.com/docs/elements.php Möchte ich hinzufügen-button über das Akkordeon, das sich ausdehnt oder kollabiert, alle von Ihnen. Was javascript muss ich hinzufügen, um die Schaltfläche zu machen, damit es funktioniert? Hier ist

Zurb Foundation 5 reveal-modal funktioniert nicht

Anzahl der Antworten 3 Antworten
Ich versuche, mit zurb foundation 5 reveal-modal. Aber es funktioniert nicht und nicht geöffnet, wenn ich auf den button klicken. Ich bin mit diesem html-code. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link

Wie zu verwenden-Stiftung 5 mit Kompass+SASS?

Anzahl der Antworten 7 Antworten
Das problem Foundation 5 wurde Letzte Woche veröffentlicht, das ist toll, aber die neue version erfordert die Verwendung bower für die Verwendung von F5 mit SASS und die offizielle Dokumentation zu sein scheint ein wenig unvollständig und

Wie Sie Stil, form-Datei Felder mit zurb foundation?

Anzahl der Antworten 3 Antworten
Ich versuche eine Schaltfläche erstellen, die mit Zurb Foundation mit Schienen für das hochladen eines Bildes. Ich versuchte dies: <input class="tiny round disabled button" name="picture[picture]" type="file"> Leider, es hat nicht funktioniert und erstellt zwei verschiedene Schaltflächen, mit

Abstand zwischen den Rasterzellen in Zurb Foundation 4

Anzahl der Antworten 2 Antworten
Gibt es eine einfache Möglichkeit zu haben, Abstand zwischen den Rasterzellen in Zurb Foundation 4? Ich will nicht Durcheinander mit der CSS von der Stiftung Elemente, die möglicherweise werfen Sie etwas anderes aus. Es gibt eine $column-gutter

Responsive Schriftgröße in CSS

Anzahl der Antworten 27 Antworten
Ich habe eine site erstellt mit dem Zurb Foundation 3 raster. Jede Seite hat eine große h1: CSS: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } HTML: <div class="row"> <div

Stiftung 4-raster-Unterstützung für Internet Explorer 8

Anzahl der Antworten 3 Antworten
Ich bin mit der neuesten Zurb Foundation (4.0.4 zum Zeitpunkt des Schreibens). Ich würde wie der Internet Explorer, mit ihm zu arbeiten. Ist das möglich? Versuchte ich ändern, um CSS ganz ein bisschen, aber nichts scheint zu

Winkel 6 ReferenceError: $ ist nicht definiert Fehler mit JQuery

Anzahl der Antworten 6 Antworten
Habe ich installiert Winkel 6 mit foundation, aber ich erhalte eine Fehler mit JQuery. Uncaught syntaxerror: unexpected identifier ReferenceError: $ is nicht definiert In meine Komponente habe ich declare var $:any onNgInit () { $(document).foundation() } Ich

Eröffnung-Stiftung Zeigen auf Klicken Sie auf & Callback-Funktionen?

Anzahl der Antworten 3 Antworten
Ich bin der Migration von jQueryTools Overlay, und ich kann nicht wirklich begreifen, die docs auf, wie zu öffnen, ein Offenbaren von JavaScript-click-Ereignis. Angeblich habe ich diesen code: <a href="#revealModal" class="revealTrigger">Click Me For A Modal</a> <div id="revealModal"

Höhe 100% auf html/body funktioniert nicht auf iPhone

Anzahl der Antworten 4 Antworten
Habe ich eine responsive website, über eine Stiftung mit einem footer absolut positioniert am unteren Rand der Seite. Auf meinem desktop-Browser, es sieht genau so aus wie es soll, aber auf meinem iPhone wird die Fußzeile überlappen

TypeError: $ undefined & ReferenceError: Stiftung ist nicht definiert

Anzahl der Antworten 2 Antworten
ich bin versucht, hinzuzufügen foundation.js und foundation-topbar.js version 4 page.tpl.php über theme.info in drupal 7. ich kann sehen, dass jquery und foundation js-Dateien korrekt Hinzugefügt -jquery-oben-Stiftung js-Dateien, aber ich bekomme diesen Fehler: TypeError: $ is undefined (Foundation.zj,

Font-Awesome-Bild-Overlay

Anzahl der Antworten 1 Antworten
Ich bin derzeit die Erstellung einer Bildergalerie (mit Zurb Foundation Framework) und zeigen möchte das zoom-Symbol auf Bild schweben (wie in diesem Beispiel hier: http://codepen.io/Twikito/pen/Jeaub). Aber ich möchte das Symbol, um eine schriftart (Font-Awesome) - Symbol und

Stil autocomplete mit Zurb Foundation

Anzahl der Antworten 2 Antworten
Was ist die beste Methode die Verwendung von Foundation-features anstelle von jQuery-CSS für AutoVervollständigen? Hier ist mein code: http://jsfiddle.net/qhoc/88kfb/ <div class="row"> <form class="custom"> <fieldset> <legend>Fieldset</legend> <div class="row"> <div class="large-12 columns ui-widget"> <label for="tags">Input Label</label> <input id="tags" type="text"

Zurb Foundation 6 Zeigen funktioniert nicht

Anzahl der Antworten 3 Antworten
Ich heruntergeladen habe die neue Zurb Foundation-6 komplett-Paket (Stiftung für Websites). Die archivierte Datei enthält die folgenden Dateien und Ordner: [css] > app.css, foundation.css, foundation.min.css [img] > [empty folder] [js] > app.js foundation.js foundation.min.js vendor > jquery.min.js,

Suche HTML-Tabelle mit JS und jQuery

Anzahl der Antworten 4 Antworten
Ich habe eine Tabelle erstellt und wollte es durchsuchbar, also googelte ich und sah hier bei starckoverflow. Aber irgendwie, die Dinge, die ich gefunden habe, das sollte funktionieren, nicht für mich arbeiten? Hier ist der code, sowohl

Wie man ZURB Foundation Top-Bar Dropdown-Menü aus 100% Breite?

Anzahl der Antworten 4 Antworten
Habe etwas gesucht, aber nur gefunden-info für die megaBar. Haben möchte, die 100% Breite dropdown breiten und implementieren Sie es mit wie wenig css/js auf der Oberseite der Foundation wie möglich. Ich würde gerne ein sub-Menü (ul

Zurb Foundation Sticky Footer

Anzahl der Antworten 1 Antworten
Ich haben will, sticky footer mit Foundation 4, und ich möchte mit HTML5 <footer> tag, nicht <div class="footer">. Auch ich will nicht zu ändern Sie die Stiftung.css, nicht um Sie zu brechen andere Teile des Rahmenprogramms. Ich

Foundation, einfache form, einen text, Spalten

Anzahl der Antworten 2 Antworten
Ich habe eine Zurb Foundation einfaches Formular mit einem Feld (:Beschreibung) - text-Bereich. Ich möchte den text-Bereich werden 10 Reihen tief, aber es scheint als 2 Zeilen. Wer weiß, wie dies zu ändern? <div class="row"> <div class="large-4

Foundation 5: die top-bar - ändern Sie den hintergrund und hover-Stil für das mobile-Menü

Anzahl der Antworten 4 Antworten
Habe ich erfolgreich geändert, die top-bar, zu schauen, wie ich es will. Aber wenn zusammengebrochen, das mobile-Menü nicht zeigen, die gleichen Farben (ich möchte an einem weißen bg, und einen einfachen hover, aber der bg ist dunkel

Ändern Zurb Foundation grid-Spalten, so die Polsterung ist nur auf einer Seite

Anzahl der Antworten 3 Antworten
Weiß jemand, ob es eine Einstellung um die Spalte-Dachrinne nur auf einer Seite? Derzeit fügt es die Hälfte auf jeder Seite der Spalte, so zum Beispiel, wenn Sie wollte 14px Spalte Gosse, würde es 7px auf jeder

ReferenceError: $ is nicht definiert - jQuery funktioniert nicht auf meinem computer

Anzahl der Antworten 5 Antworten
Ich bin mit der foundation zu erstellen eine einfache Website, aber ich bin stecken in ein problem, das ist irgendwie seltsam... ich weiß nicht zu sein scheinen in der Lage zu laden jQuery nicht in chrome, noch

Zurb responsive-image-Größe nicht funktioniert

Anzahl der Antworten 1 Antworten
Benutze ich zurb und ich habe 1 Zeile und 4 Spalten und ich habe 4 Bilder in diesen 4 Spalten. Die Bilder sind nicht alle von der gleichen Größe, so, bevor Sie die Bilder 100% Schärfe, ich

Stop AngularJS einfügen <span class="ng-scope"></span> mit ng-include

Anzahl der Antworten 2 Antworten
Ich bin mit der Foundation-layout-framework, das automatisch schwimmt die letzten Geschwister von .column auf der rechten Seite und ich wirklich zu schätzen, dies ist ein Verhalten. Jedoch, AngularJS, nimmt es auf sich selbst zu legen span.ng-scope nach

Feste Seitenleiste in zurb foundation

Anzahl der Antworten 3 Antworten
Ich bin erstellen einer Website mithilfe des foundation framework 4.0 und ich möchte eine Feste Seitenleiste, ähnlich wie die Bootstrap Affix Funktionalität. Hier ist mein Beispiel, ich möchte das Recht heißläuferortungsanlage (habd) div.panel behoben werden. Befestigung via

Import von Kompass CSS3-Mixins in Verbindung mit der Stiftung

Anzahl der Antworten 2 Antworten
Habe ich Foundation installiert ist und funktioniert, aber ich versuche, Kompass, CSS3-Mixins in Verbindung innerhalb des gleichen Projektes und kann nicht scheinen, um herauszufinden, wie Sie sind. Ich dachte, Kompass wurde bereits installiert, weil vor der Einrichtung

Zurb Foundation 5 - Zeile padding/margin

Anzahl der Antworten 1 Antworten
Ich versuche zu erstellen, die eine Hintergrundfarbe für meine Reihe, aber wenn ich eine Hintergrundfarbe eingestellt ist, es erstreckt sich über das regelmäßige Breite meiner Spalten. Dann habe ich versucht, die Zeile kleiner mit Polsterung, das funktioniert,

bootstrap-auto-resize-video für Bildschirm-Größe

Anzahl der Antworten 2 Antworten
Ich versuche zu entscheiden, zwischen der Verwendung von Bootstrap und Foundation für front-end-Arbeit für eine node.js express-route. Ich Frage mich, ob Bootstrap hatten, eine Möglichkeit zu haben, ein äquivalent der Flex-Video-Funktion der Stiftung (eine automatische Größenanpassung basierend

Volle Breite Background Image - Stiftung

Anzahl der Antworten 3 Antworten
Möchte ich erreichen, teilen Sie meine web-Seite haben Sie einen hintergrund, der sich verbreitet, die voll mit der Seite kein weißer Leerraum an den Rändern. Ist das möglich? Im mit foundation 5 framework. html <div class="row" id="wrapper">

Herstellen von vertikalen separator css

Anzahl der Antworten 1 Antworten
Ich brauche Hilfe mit doppelten, vertikalen Linien. Hier sind Stile: .slide-container { text-align: center; width: 25%; } .v-separator { content: ""; display: inline-block; width: 0px; height: 230px; border-right: 1px solid #fafafa; border-left: 1px solid #b4b4b4; padding: 0;

Zurb Foundation Sticky Nav Bar

Anzahl der Antworten 3 Antworten
So, ich bin mit dem Standard - .top-bar - Klasse aus dem zurb foundation framework, aber ich bin falls suchen Sie eine einfache Möglichkeit, um die nav bar 'sticky' (folgt der Benutzer, wie er Schriftrollen), wie Sie

Polsterung Inhalte in grid-Spalten-layout

Anzahl der Antworten 3 Antworten
Ich bin mit dem Zurb Foundation framework zum erstellen des front-end - (http://foundation.zurb.com/docs/grid.php) und ich habe meine Basis-layout gut, keine Probleme. Was ich mich Frage ist, wie pad die Inhalte in den Spalten? Alle Inhalte, ausgerichtet an

Hinzufügen von Bild/icon vor Ort Titel/logo in der nav-bar mit Zurb foundation 4

Anzahl der Antworten 1 Antworten
Ich bin mit der Foundation für ein Projekt und ich werde versuchen, fügen Sie eine kleine Symbol direkt vor "SITENAME" in der oberen linken Ecke. Ich habe versucht das css: .top-bar .name h1 a:before { background-image: url('images/logo.png');

Voller Höhe für die Spalten auf die Stiftung

Anzahl der Antworten 4 Antworten
Ich bin mit Foundation 5 Framework und erstellen müssen 3 gleiche Höhe Spalten. Zweiten Spalten enthält 2 Tafeln, die ich brauche, um Funktion auf alle Spalten, volle Höhe (in der zweiten Spalte wird es nur zweite panel

Verhindern H1-tag aus brechen Sie auf neue Zeile

Anzahl der Antworten 3 Antworten
Ich bin erstellen einer dynamischen web-Seite mit foundation. Alles übergänge einwandfrei auf Smartphones und tablets. Allerdings habe ich die Erstellung dieser auf einem 1920 x 1080 monitor. Und wenn ich es getestet auf einem 1280 x 1024

Routing-Fehler im rails-app "initialisierten Konstanten HomeController'

Anzahl der Antworten 2 Antworten
Im neuen zu verwenden foundation und ich erstellt haben, einfach Posten-app mit Gerüst und ich habe getan, folgende Schritte: rails new blog fügte dann Folgendes zu Gemfile gem 'foundation-rails' group :development do gem 'rails_layout' end dann $

Wie öffnet man eine Stiftung Reveal modal javascript

Anzahl der Antworten 1 Antworten
Ich habe versucht zu Folgen, die Stiftung docs, aber ich kann wirklich nicht herausfinden, wie man öffnen Sie ein modales Fenster mit jQuery. Hier ist, was ich habe: Fiddle HTML: <a href="#" id="myModal" class="reveal-link">Name</a> <div id="myModal" class="reveal-modal">

Mit Zurb ' s Foundation, die über NPM installieren

Anzahl der Antworten 4 Antworten
Ich bin ziemlich neu mit nodejs und npm, also bitte entschuldigt eventuelle Naivität. Ich will Foundation in meinem neuesten Projekt, und verwenden npm zu installieren. Dies hat gearbeitet und meine node_modules enthält nun die Stiftung dir. Wie

Zurb Foundation Konflikte mit jQuery UI autocomplete?

Anzahl der Antworten 3 Antworten
Kann ich nicht bekommen, jQuery-UI-Autocomplete arbeiten nach dem laden Zurb Foundation 3.1. Jeder bekam Sie, zusammen zu arbeiten oder andere gefunden autocomplete-plugin, das funktioniert mit der Foundation?? Uncaught TypeError: Object [object Object] has no method 'autocomplete' (anonymous

wo hat @import "compass/css3"; in zurb ' s foundation kommen?

Anzahl der Antworten 1 Antworten
Ich versuche nur, um meinen Kopf Runde alle Dinge, SASS, Compass und dem Front-end-framework Foundation von Zurb. Habe ich alles ordnungsgemäß installiert, und meine erste foundation-template-setup. Jetzt versuche ich, zu konfigurieren, was aus dem foundation-framework. In der

Zurb Foundation-Equalizer funktioniert nicht

Anzahl der Antworten 6 Antworten
Ich versuche, ein Formular anzuzeigen, in eine "Karte" - Ansicht und bin nutzen wollen, die Stiftung equalizer, um die divs die gleiche Höhe haben, aber aus irgendeinem Grund es nicht funktioniert mit einem div, das größer als

Stiftung und AngularJS

Anzahl der Antworten 3 Antworten
Ich bin ändern einer Anwendung mit Zurb Foundation framework für die Reaktionsfähigkeit und AngularJS. Es gibt einen bug, wo Daten in einer Tabelle angezeigt und mit <tr ng-repeat="obj in entries">...</tr> hat <td>'s, die versteckt/angezeigt, basierend auf Foundation

Wie kann ich die Navigationsleiste immer an der Spitze?

Anzahl der Antworten 5 Antworten
Ich bin mit Foundation durch ZURB ist und zu versuchen, die nav-bar oben. InformationsquelleAutor Shamoon | 2012-11-14

Ist Zurb Foundation besser als Twitter Bootstrap?

Anzahl der Antworten 1 Antworten
Inwiefern Zurb Foundation geben, mehr Funktionalität oder features als Bootstrap? Sehr subjektive Frage. Meinungen unterscheiden sich je nach Anwendungsfall. Sollten Sie versuchen beide und sehen, welche am besten Suiten Ihren Anwendungsfall. Und Das hat nichts zu tun

Wie man google nutzt.maps.event.trigger(map, 'Größe')

Anzahl der Antworten 4 Antworten
Ich bin neu in JS, und gefunden haben, die Antwort auf eine Vorherige Frage, das brachte eine neue Frage, die mich dazu brachte, wieder hier. Ich habe einen Reveal-Modal, enthält eine Google-Map-API. Wenn auf eine Schaltfläche geklickt

Syntax-Fehler: Datei nicht gefunden oder nicht lesbar: foundation/common/Kennzahlen

Anzahl der Antworten 3 Antworten
Habe ich foundation installiert und wenn ich Bearbeiten und speichern Sie die app.scss-Datei, erstellt es eine "app.css" und eine "config.rb" - Datei im sass-Ordner von meinem Projekt. wenn ich mich öffne, dass "app.css" - Datei bekomme ich

Wie kann ich center das Zurb Foundation top nav bar?

Anzahl der Antworten 4 Antworten
Den top nav bar auf meine Website Links ausgerichtet wie dieses: | Home | aveoTSD | Silent Nite | Würde ich mag, um die Mitte der oberen Leiste nav wie diese: | Home | aveoTSD | Silent

Gewusst wie: überschreiben\edit Zurb Foundation base-CSS-Stile?

Anzahl der Antworten 4 Antworten
Es ist mein erstes mal mit Zurb Foundation für ein web-Projekt. Allerdings bin ich mir nicht sicher, ob Sie überschreiben die Stile mit meiner eigenen auf einer separaten stylesheet oder direkt Bearbeiten foundation.css. Ist dies beispielsweise für

ZURB Foundation, Schalt-Registerkarte programmgesteuert

Anzahl der Antworten 5 Antworten
Im mit asp-Stiftung, ist es sowieso zum wechseln zwischen einer Registerkarte zu einer anderen mit JS oder ASP? Link (Einfach tab). Meinst du das wechseln von Registerkarten aus dem code hinter? (server-Seite) InformationsquelleAutor boh | 2012-12-05

AngularJS: Wie um zu verhindern, "code " flash" auf der Seite beim laden

Anzahl der Antworten 3 Antworten
Habe ich eine einfache app mit AngularJS. Wenn ich die Seite öffnen, für eine Sekunde sehe ich den Bildschirm unten: Jedoch, nachdem das laden abgeschlossen ist, sehe ich die geladen und gestalteten Inhalte, die gut ist: Wie