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.

So wählen Sie mit der version von Zurb Stiftung für CodeKit + Kompass + Sass-Projekt

Anzahl der Antworten 2 Antworten
Ich hatte gehofft, die neue version (v4) der Grundstein für ein responsive Projekt an dem ich arbeite, damit ich die v4 installiert über gem install zurb-foundation den anderen Tag und bekam CodeKit und läuft mit ihm. Jedoch,

Ist es möglich, AJAX geladen Inhalte mit ZURB foundation tabs?

Anzahl der Antworten 2 Antworten
Basiert auf dem Google docs (http://foundation.zurb.com/docs/ui.php#nice2), wie es scheint, Sie haben den vollständigen Inhalt der Seite bereit, und gehen vorher. Ist es möglich, zu laden über AJAX statt pre-loading für diese tabs? InformationsquelleAutor Shamoon | 2012-06-13

Öffnen Sie ein overlay auf das laden der Seite mit Zurb Foundation Zeigen plugin

Anzahl der Antworten 3 Antworten
Gab es eine weitere Frage auf dieses Thema hier, aber es hat nicht den Anschein, als ob es eine komplette Lösung gepostet und die Beispiele, die hatte in Verbindung gebracht worden sind nicht mehr aktiv, so bin

CSS Media Queries Funktioniert Nicht auf Mobilen

Anzahl der Antworten 2 Antworten
Behalte ich es concise.. Mit Zurb Foundation 5 um eine Website zu bauen. Media Queries funktionieren nicht. Code ist wie folgt: <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>...</title> <link rel="stylesheet" href="css/foundation.css" /> <link rel="stylesheet"

Ändern der Größe des Foundation Icon Fonts 3?

Anzahl der Antworten 3 Antworten
Ich versuche die Größe meines icon-download hier : http://zurb.com/playground/foundation-icon-fonts-3 In der Dokumentation, dass Sie sagen : <i class="fi-[icon]"></i> Also zum Beispiel ich benutze : Aber die Größe ist 16px, und Sie sagen Ihnen nicht, wie können wir

Regex für einen min Wert von 125?

Anzahl der Antworten 4 Antworten
Habe ich einen Eingang, der benötigt ein minimum number-Wert von 125. Ich bin neu in regex, und mit der Stiftung Halten für die Validierung, die, so weit ich erzählen kann, nicht spezifische mix - /max-Unterstützung. Ich hatte

Zurb Foundation - Top-Bar - Don ' T Zusammenbruch, um in das Menü

Anzahl der Antworten 4 Antworten
Ist es möglich, nicht die Obere Leiste in der Stiftung zum Einsturz zu Menü und die drei Linien. Wir nicht wirklich brauchen diese Funktion aber nicht sicher, wie Sie Sie zum deaktivieren der Zusammenbruch. Erfordert das ändern

Zurb Foundation 4 Standard-Körper-Schrift-Größe ändern von Ursachen layout-Breite Ausgabe

Anzahl der Antworten 4 Antworten
Meine Forderung ist, wenn ein Entwickler geben Sie text überall auf der web-Seite, ohne einen bestimmten tag (<p>usw.) die schriftart, die Größe sollte gleich sein wie <p> - tag die font-size. In foundation.css ich habe mich verändert

preventDefault funktioniert nicht mit Zurb Validierung(Halten)

Anzahl der Antworten 5 Antworten
Ich bin mit zurb foundation für meine website. Es verfügt über eine eigene Validierung. Dies ist ein link der Dokumentation. Ich bin mit dem folgenden code zu überprüfen und Absenden der Formular-Daten. $('#myForm').on('valid', function (g) { g.preventDefault();

Zurb Foundation 4 SCSS Mixins in Verbindung für kleine und große(fluid/responsive) - Spalten

Anzahl der Antworten 5 Antworten
Bin ich, eine Firma aufzubauen responsive website und mit beiden SASS und Foundation 4 CSS-Framework für die erste Zeit. So weit So gut. Aber ich habe da ein "problem" hier mit Mixins in Verbindung. Wenn ich eine

Wie man neue Zurb Foundation-Unterstützung für IE 7+?

Anzahl der Antworten 2 Antworten
Ich vor kurzem bauen einer responsive website. Ich benutze Zurb Foundation da einige Ratschläge und seine Artikel, die beste Lösung für responsive website effizienter. Aber das problem, die neue version von Stiftung keine Unterstützung für IE 7+,

Ändern der Reihenfolge für die Stiftung kleine-12-Spalte

Anzahl der Antworten 1 Antworten
Ich habe ein layout mit einem Bild Links und einen text rechts für mittlere und große Aussicht. Ich will den text VOR dem Bild auf "small-12", obwohl. Den pull - /push-Mechanismus scheint nicht zu funktionieren, mit "xxx-12"

Fehler beim Ausführen der querySelectorAll auf Dokument. Wie zu beheben?

Anzahl der Antworten 1 Antworten
, Was ich Tue: Habe ich links erzeugt aus einem PHP-array, die seine eigene einzigartige ID, die zeigen sollten, um es in den eigenen modal (popup-Fenster) div, die eine entsprechende ID der link-ID. Die modals sind auch

zurb-foundation javascripts funktionieren nicht

Anzahl der Antworten 1 Antworten
Javascripts funktionieren nicht. Bin ich etwas fehlt ? Ich kann sehen, dass javascript und css-Dateien werden in das generierte html. Danke. gemfile group :assets do gem 'sass-rails', '~> 3.2.3' gem 'coffee-rails', '~> 3.2.1' gem 'compass-rails', '~> 1.0.3'

Foundation 5 / Reveal-modal-Fehler / Uncaught TypeError: Cannot read property 'css' undefined

Anzahl der Antworten 2 Antworten
Ich bin mit Foundation 5 für meine web-Anwendung. Wenn ich jetzt versuche zu nennen, ein modal, erhalte ich JS-Fehler: Uncaught TypeError: Cannot read property 'css' of undefined "** in der Konsole. Ich bin nicht in der Lage

Foundation 5 Top-Bar Doesnt Drop-Down -

Anzahl der Antworten 9 Antworten
bereits lese so viele Themen darüber, aber nichts scheint zu funktionieren. gerade ein Projekt gestartet und ich habe praktisch copy/Paste den code aus der Stiftung docs-Website und es funktioniert nicht. hier ist mein html Test <body> <header>

Die Schaffung einer Stiftung-style-Block Grid in Bootstrap 3?

Anzahl der Antworten 3 Antworten
In Zurb Foundation 3+, Sie haben eine CSS-Konstrukt der "grid-block" ist eine ungeordnete Liste, wo Sie können geben Sie die Anzahl der Elemente in einer Zeile. Hier ist Ihre docs drauf. Es gibt keinen Weg, ich kann

Wie gebe ich Marionette Vorlagen für data-Attribute?

Anzahl der Antworten 2 Antworten
Hier bin ich am Anfang eines Projekts. Ich bin mit zurb-foundation und marionette. Ich habe ein element, das rendering eine Vorlage werden soll, tabs. So wie es da steht: define([ "backbone", "marionette" ], function(Backbone, Marionette) { MyItem

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