代码之家  ›  专栏  ›  技术社区  ›  Charles Okwuagwu

如何在vuejs中使用bootstrap4主题

themes bootstrap-4 vue.js templates
  •  2
  • Charles Okwuagwu  · 技术社区  · 6 年前

    有几个引导4主题,使造型和布局一个网站容易。

    其中一些要求我们的资产文件夹以非常具体的方式进行布局,例如:

    https://htmlstream.com/public/preview/stream-ui-kit/docs.html 

    root-folder/
├── assets/
│   ├── css/
│   │   ├── styles.css
│   │   ├── min.styles.css
│   ├── img/
│   │   ├── ...
│   ├── img-temp/
│   │   ├── ...
│   ├── include/
│   │   ├── scss/
│   │   │   ├── ...
│   ├── js/
│   │   ├── global.js
│   │   ├── ...
│   ├── vendor/
│   │   ├── bootstrap/
│   │   ├── chartist-js/
│   │   ├── ...

    在一个普通的css/js/html站点上,这种设置非常有效。

    我们如何将这些预制模板集成到虚拟用户.js工作流?

    1) 使用bootstrap vue可能并不理想,因为它有自己的样式,并且不容易与第三方主题一起使用

    2) npm install bootstrap jquery popper.js

    我的目标是简单地重用第三方主题、它们的样式、html片段等,同时使用虚拟用户.js

    1 回复  |  直到 6 年前
        1
  •  2
  •   alexfertel    6 年前

    <script> 在你的 index.html

    所以,通常,我会把这个添加到我的入口点 html : 

    <script src="js/vue.js"></script>
<script src="js/index.js"></script>

    js/vue.js

    然后在我的 index.js 我创建我的Vue实例,以及我需要的任何组件。

    索引.html

    希望这有帮助!

    推荐文章
    Abhishek Ojha  ·  为什么我的代码接受其他数据类型以及模板中的给定数据类型?[副本]
    2 年前
    TCD  ·  标准库非类型模板类是否显式实例化?
    2 年前
    onehundredquestions guy  ·  在不实例化的情况下将模板函数作为参数传递?[副本]
    2 年前
    sovesti  ·  参数较少的模板函数中的演绎
    2 年前
    KiraHoneybee  ·  具有构造函数参数的模板化类
    3 年前
    Seymore Glass  ·  模板不工作的默认参数
    3 年前
    Alex Hodges  ·  是否有一种更惯用的方法来专门化通过模板传递的标志的行为?
    3 年前
    Alexander Daum  ·  模板参数中对模板类型的引用
    7 年前
    ledonter  ·  为什么注入的类名有时不被视为类模板中的模板名?
    7 年前
    RBaum  ·  从WooCommerce“订单保留”和“新订单”电子邮件中删除订单
    7 年前
    关于  
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号