Темы AngularJS и Twitter Bootstrap (или альтернатива?)

Мы хотим создать приложение с темой bootstrap (например, https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0), чтобы мы могли получить пользовательский интерфейс, который выглядит красиво без слишком много инвестируя в дизайн.

Проблема заключается в том, что мы хотим построить его вокруг AngularJS, и из того, что мы читаем о бутстрапе, они не играют вместе так хорошо. Возможны обходные пути, например. http://angular-ui.github.io/bootstrap/, но мы не уверены, хорошо ли они работают с темами. Есть ли у вас опыт?

Существуют ли какие-либо фреймворки, похожие на Bootstrap с богатыми темами, на выбор (или покупку), которые хорошо работают с AngularJS?

ОТВЕТЫ

Ответ 2

Отказ от ответственности: я владею StartAngular.com

Я создал этот сайт, чтобы продвигать темы и шаблоны AngularJS на основе Open Source Bootstrap. Это может послужить хорошей отправной точкой для ваших проектов на панели управления в Admin.

Я постоянно улучшаю его с помощью лучших практик, таких как ui-router и Yeoman.

Ответ 3

Альтернативой Bootstrap является Zurb Foundation.

http://foundation.zurb.com/

Для этого доступны такие темы администратора, как:

http://www.themplio.com/themes/pertho-admin-premium-template

Как я понимаю, он должен работать с AngularJS, хотя у вас все еще будет jQuery как зависимость.

Что касается AngularJS Bootstrap, я действительно не понимаю, почему это не сработает с темой, так как кажется, что это всего лишь переписывание javascript функции

Ответ 4

Взгляните на администратора бума.

http://bootstrapbay.com/preview/boom-admin-dashboard-web-app-template-B86EFAA

Кажется, что наиболее ориентированная тема angular на сегодняшний день (сентябрь первый 2014).

использует bootstrap + LESS + другой материал, очевидно.

Ответ 5

Bootstrap и angular отлично сочетаются. Я использую SmartAdmin с AngularJS 1.3, и могу сказать, что:

1) SmartAdmin теперь также предоставляет версию AngularJS 2) angular Пользовательский интерфейс обеспечивает поддержку bootstrap (вы уже нашли фреймворк, как кажется). Но дело в том, что angular может очень хорошо взаимодействовать друг с другом, потому что они привязаны к решению конкретных потребностей.

Вы можете смешать angular и bootstrap практически с чем угодно и получить отличный результат. Единственное, что я вам посоветую, прежде чем начать с этого, - это полностью понять, что делает angular. И чтобы использовать что-то вроде https://github.com/meanjs/mean заранее, чтобы понять, как все компоненты подходят друг к другу.