2016-05-19 3 views
3

Я использую Foundation 6 Zurb Template с включенным flexbox и расширенная функция группы кнопок не работает.Foundation 6 Button Group Expanded Not Working

Когда я добавляю расширенный класс, последняя кнопка не заполняет последнее пространство и не переходит к следующей строке с левой стороны. Текст больше не является строковым, а ширина кнопок не одинакова.

<div class="expanded button-group"> 
    <a class="button">Expanded</a> 
    <a class="button">Button</a> 
    <a class="button">Group</a> 
</div> 

Любая идея, что может быть неправильным? Tnx!

ответ

1

Работает с основанием 6.2.1, какую версию вы используете?

см. Пример CodePen. http://codepen.io/shoaibik/pen/VaJbvj

+0

Спасибо Shoaib, если я ставлю точный код в моей сборке, это не сработает. Я считаю, что использую 6.2.1 (скачанный через CLI 3 недели назад). Файл bower.json имеет этот код: «зависимости»: { «фундамент-сайты»: «~ 6.2.0», «motion-ui»: «~ 1.2.2» } ,. Знаете ли вы, можете ли я обновить версию шаблона Foundation 6 Zurb через CLI? Если да, то какая идея? Tnx! – RCD

+0

изменить «основы-сайты»: «~ 6.2.0» на «основы-сайты»: «~ 6.2.1» 'и запустить' bower update' и снова проверить, если это работает. –

+0

Не уверен, что он вообще что-то обновил, и никаких изменений в группе кнопок не было. Кто-то еще сказал, что «~» до 6.2.0 означает, что он автоматически обновляется до последней версии. bower cached https://github.com/zurb/foundation-sites.git#6.2.1 bower validate 6.2.1 против https://github.com/zurb/foundation-sites.git#~6.2.1 bower cached https://github.com/jquery/jquery-dist.git#2.2.4 bower validate 2.2.4 против https://github.com/jquery/jquery-dist.git#~2.2.0 Установка опорных площадок для установки в стойку # 6.2.1 – RCD