Использование Dart и Bootstrap

я экспериментирую с дротиком и теперь пытаюсь использовать загрузки для его структуры CSS. Когда я загружаю последнюю версию Bootstrap (в настоящее время 3.0.3), она имеет следующую структуру файлов:

├── css
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── fonts
│   ├── glyphicons-halflings-regular.eot
│   ├── glyphicons-halflings-regular.svg
│   ├── glyphicons-halflings-regular.ttf
│   └── glyphicons-halflings-regular.woff
└── js
    ├── bootstrap.js
    └── bootstrap.min.js

(1) где я могу поместить все эти файлы и как получить к ним доступ из моего источника Dart и HTML-файлов? например, скажем, я хочу динамически изменить DOM изнутри файла Dart и добавить класс Bootstrap в элемент-что как это будет выглядеть? И если бы я просто хотел дать HTML-элементу класс начальной загрузки (внутри a .html-файл), как это будет выглядеть?

Я предположим мне может понадобиться проект Dart со структурой пакета что-то такой:

MyDartApp/
    web/
        myapp.dart
    asset/
        bootstrap/
            css/
                bootstrap.css
                bootstrap.min.css
                bootstrap-theme.css
                bootstrap-them.min.css
            fonts/
                glyphicons-halflings-regular.eot
                glyphicons-halflings-regular.svg
                glyphicons-halflings-regular.ttf
                glyphicons-halflings-regular.woff
            js/
                bootstrap.js
                bootstrap.min.js

но имея такой небольшой опыт работы с дротиком и Бутстрапом, не уверен, что мне не хватает чего-то большого. Очевидно, мне нужно упаковать файлы начальной загрузки таким образом, чтобы asset/ URLs в моем Файлы Dart/HTML могут получить к ним доступ до / после запуска pub build.

(2) Кроме того, могу ли я просто использовать min - версия каждого файла CSS / JS (bootstrap.min.js вместо bootstrap.js, etc.)?

9
dart project-structure twitter-bootstrap

3 ответов

  1. можно использовать asset/ папка для размещения этих файлов. Однако встроенный сервер в Редакторе пока не поддерживает asset, вам придется использовать pub serve. Для доступа к ним используйте /assets/<pkg_name>/<path> (см. как обращаться к активам). В качестве альтернативы вы можете поместить эти файлы в /lib/ и доступ к ним с packages/<pkg_name>/<path>.
  2. вы можете использовать уменьшенные версии.
6

Я использую bookjack который до сих пор нормально.

использование прежде всего в вашем HTML-файле, вам нужно включить CSS ресурс:

  <head><link rel="stylesheet" href="packages/bootjack/css/bootstrap.min.css"> </head>

есть также некоторые дополнительные примеры.

используя его, как это, кажется, помогает сохранить проект проще, в том, что мне не нужно беспокоиться о том, где файлы на самом деле находятся, они находятся в пакете.

2

Я обнаружил, что если я использую угловой дротик и в представлении, я могу это сделать, и он работает, но он должен быть в представлении, где 

<div id="datepicker-inline"></div>

<script>
$( document ).ready(function() {
   console.log($('#datepicker-inline').get(0));
   $('#datepicker-inline').bdatepicker({ inline: true, showOtherMonths:true });
});
</script>
0