使用Dart和Bootstrap

 香柏林茶业 发布于 2023-02-08 14:27

我正在尝试使用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文件中访问它们?例如,假设我想从Dart文件中动态更改DOM,并将一个Bootstrap类添加到元素中 - 这会是什么样的?如果我只是想给一个HTML元素一个Bootstrap类(在.html文件中),那会是什么样子?

认为我可能需要使用的封装结构的飞镖项目的东西是这样的:

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

但是对于Dart和Bootstrap都有这么少的经验,不确定我是否遗漏了大量的东西.显然,我需要打包Bootstrap文件,使得asset/我的Dart/HTML文件中的URL可以在运行之前/之后访问它们pub build.

(2)另外,我可以只使用min每个CSS/JS文件的-version(bootstrap.min.js而不是bootstrap.js等)吗?

1 个回答
    1. 您可以使用该asset/文件夹来放置这些文件.但是,编辑器中的内置服务器暂时不支持资产,您必须使用pub serve.要访问它们,请使用/assets/<pkg_name>/<path>(请参阅如何引用资产).或者你可以把根据这些文件/lib/,并访问它们packages/<pkg_name>/<path>.

      你可以使用缩小版本.

    2023-02-08 14:31 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有