Описание тега zurb-foundation

Foundation - это кросс-платформенный CSS-фреймворк, поддерживаемый ZURB, для создания как прототипов, так и производственного кода.
0 ответов

Fancybox не работает в Foundation 6

Я начинающий Фонд 6. Я сделал сайт отзывчивым с Foundation 6. Fancybox через Processwire работал без сбоев. Теперь я реализовал F6, и нет больше fancybox.... Фотографии открываются на новой странице. http://olikehrli.ch/galerie/ У кого-нибудь есть п…
1 ответ

Основное мобильное раскрывающееся меню поверх содержимого, не опускающее его вниз

Я использую верхнюю панель Foundation 5 и пытаюсь заставить выпадающее меню на мобильном уровне располагаться поверх содержимого страницы, а не опускать его вниз. Я попытался установить относительное значение a, а затем ul в нем как position: absolu…
06 дек '14 в 17:44
1 ответ

Текстовая область Высота и ширина с использованием основы zurb

Я совсем новичок в Zurb, Infact только что нашел его вчера. Мне это нравится до сих пор, но я не могу понять что-то простое. Я могу сделать это с помощью CSS, но я хотел знать, есть ли другой готовый подход к этому. Я хочу иметь возможность установи…
09 сен '13 в 15:41
1 ответ

Получение приложения выглядеть одинаково в портретном и ландшафтном режиме

Я новичок в Foundation 5. Я пытаюсь, чтобы мое приложение выглядело одинаково в портретном и альбомном режимах на устройствах с небольшим экраном. Я не изменил какие-либо настройки Foundation. Я приложил два изображения, которые показывают мое прило…
11 ноя '14 в 14:41
1 ответ

Ошибка jQuery с Zurb Foundation 5 (ошибка семейства шрифтов)

У меня странная проблема с Foundation 5 и jQuery. Произошла ошибка, и JavaScript больше не будет работать: jquery.js:1850 Uncaught Error: Syntax error, unrecognized expression: [data-'Open Sans', sans-serif-slider] Страница довольно проста: <html…
01 май '14 в 17:24
1 ответ

Поиск входных данных в верхней панели фундамента обрезан

У меня есть похожая проблема с кем-то там: ввод с помощью кнопки Postfix в верхней панели с использованием Zurb Foundation, которому предложили альтернативу, а не ответ. (Второй ответ на странице - это то, что описано в основных документах там http:…
03 июн '13 в 10:26
1 ответ

Получение "Sass::SyntaxError" после попытки установить Foundation

Я получаю эту ошибку после установки фундамента и простой формы, используя последнюю версию книги (PDF) Learn Ruby on Rails. Я только что добавил Фонд в мой Gemfile gem 'foundation-rails' а потом беги rails generate layout:install foundation5 --for…
16 мар '15 в 18:14
1 ответ

Открытая панель с якорем

Был бы простой способ открыть якорь с аккордеоном Фонда? Мой простой код (доступен на codepen) <a href="#panel1" class="link">Open the first panel</a> <a href="#panel2" class="link">Open the second panel</a> <ul class="acc…
12 мар '17 в 15:45
1 ответ

У меня возникли проблемы с центрированием моих изображений на маленьком экране, используя основную сетку XY

Я создал тренировочный сайт с новой сеткой Foundation xy, и когда я уменьшаю размер браузера до небольшого экрана, изображения обнимаются с левой стороны страницы и больше не центрируются. Это не так, пока я не сделаю экран наименьшего размера, кото…
1 ответ

Примените JavaScript к HTML, введенному с помощью AJAX

Я создаю сайт-портфолио, в который я хотел бы добавить частичные HTML-файлы с помощью AJAX-запроса. Это основной HTML: <div id="portfolio"> // This will be replaced </div> <a href="#" id="fire">Click Me</a> Код jquery, которы…
14 май '14 в 17:40
2 ответа

Django-Bower + Foundation 5 + SASS, как настроить?

Я нахожусь в процессе тестирования реализации SASS Foundation 5 с использованием Django-Bower. Я новичок в идее Бауэра и немного путаюсь, как правильно настроить эту установку. У меня установлена ​​и настроена django-bower. После того, как я добавил…
13 дек '13 в 05:26
1 ответ

Заставить Magellan Sidebar работать в мобильном телефоне / перейти к нижней части страницы

Итак, я работаю с платформой Foundation 5 уже около недели, и мне было интересно, есть ли простой способ заставить мою magellan боковую панель перемещаться прямо в нижнюю часть страницы при просмотре на мобильных устройствах / планшетах. <div dat…
27 янв '14 в 21:55
1 ответ

Основание 4: Орбита: инициализация после загрузки страницы и Ajax: реинициализация

(1) У меня есть проект, и я хочу использовать встроенный слайдер из Foundation 4 (Orbit). Моя проблема в том, что я хочу инициализировать слайдер (или запустить плагин) только тогда, когда браузер имеет определенную ориентацию. Поэтому для моей проб…
17 май '13 в 20:03
2 ответа

Как бы я изменил встроенный список Zurb Foundation, чтобы фиксировать список в одну строку, допуская переполнение: прокрутка?

Я использую встроенный список, как описано в документации Foundation, для отображения списка изображений. Это работает нормально, но если список изображений превышает ширину содержащего элемента, я хочу, чтобы они оставались в одной строке и имели п…
05 фев '14 в 17:56
1 ответ

Пребывать и Ларавелла

У меня есть форма: {{ Form::open(array('route' => 'process', 'method'=>'POST','data-abide' => '')) }} <fieldset> <div class="name-field"> {{ Form::label('name', 'Name') }} {{ Form::text('name', null, array('required' => '', '…
08 авг '14 в 10:39
1 ответ

AngularJS NgDisabled без использования Fieldset

Я использую Фонд для моего CSS, и он использует fieldset для стиля формы. Поэтому я не могу использовать его в своей форме, чтобы отключить мою форму при определенных условиях без значительной перезаписи всего CSS-кода (который я фактически использу…
03 июн '14 в 08:10
2 ответа

Порядок источника Foundation5: контент против боковой панели

У меня есть выложенная структура с тремя столбцами в ZURB Foundation 5, две из которых являются боковыми панелями (слева и справа), а средняя - основной областью контента. Я поиграл с инструкциями по упорядочению исходного кода, но у меня были некот…
3 ответа

Zurb Foundation 4 Как сохранить колонки при печати

Я использую Foundation 4.2.3 из Zurb, но когда я печатаю страницы, компоновка сетки всегда не поддерживается. Например, <div class="row"> <div class="small-3 columns"> XXX </div> <div class="small-9 columns"> Lorem ipsum dolo…
08 июл '13 в 06:02
1 ответ

Zurb Foundation 6 - как уберечь элементы нумерации страниц от экрана на маленьком экране?

Как я могу отключить нумерацию страниц фонда или помешать ему скрывать свои элементы нумерации на маленьких экранах? <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <!-- Compressed CSS --> &…
1 ответ

Проверка формы основания не работает после вставки через jquery

У меня есть, скажем, следующая форма <form class="callback" data-abide="ajax"> <div class="row"> <div class="large-12 columns"> <input type="text" name="clientName" required pattern="[a-zA-Z]+" placeholder="Nom complet"> <…
20 май '14 в 04:04