如何在Vue JS 3应用程序中使用Bootstrap 4添加外部CSS和CSS?

用户名

我需要建议。我现在正在使用vue 3 rignt。我想将当前的网站转换为vue应用程序。我在当前文件中使用scss,并且有main.css和main.scss文件夹。目录结构如下:

mian.css folder:
bootstrap.min.css
font.css
responsive.css
stye.css
main.scss folder:
_responsive.scss
style.scss

我在这里非常困惑如何在我的Vue应用程序中与boostrap4一起全局添加scs和css。谁能给我建议。我已经检查了很多问题stackoverflow,但我没有任何意义。

巴里斯·图纳尔

例如,您可以将css文件存储在src / assets文件夹中。然后,您可以将这些文件导入main.js文件。

像下面

import "./assets/main.css" 

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在React应用程序的CSS的许多属性中使用JS变量

如何在Rails 4应用程序的bootstrap 3中安装response.js?

如何在ReactJS应用程序中包含Bootstrap CSS和JS?

如何在Web Java应用程序(jsp)中加载Bootstrap的CSS和JS?

可以在带有CSS和JS文件的烧瓶应用程序中使用Bootstrap吗?

如何在Django中添加模板css js和bootstrap

如何在vue.js应用程序中访问外部json文件对象

如何在quasar / cordova / vue.js移动应用程序上嵌入外部主页?

如何在vue.js中动态应用CSS?

如何在使用node.js和vanilla javascript制作的Web应用程序中使用代理?

如何在我的Typescript和React应用程序中使用@ types / bootstrap

如何将CSS和JS添加到Spring Boot应用程序?

如何在我的骨干网应用程序中使用node.js和套接字

如何在没有bootstrap-vue的情况下在vue.js 2中使用bootstrap 4?

如何在Laravel中使用动态js和CSS添加布局?

如何在不使用Angular的情况下启动新的Ionic 4应用程序?使用Vue.js或Vanilla JS

在Play Framework应用程序中使用Vue.js

如何在使用docker的指定应用程序的服务器上查找css / js文件

如何在 vue 3 应用程序和组件中正确使用 dayjs

如何在asp.net应用程序中使用CSS和javascript菜单?

如何在AWS上运行Vue JS应用程序?

使用Rails应用程序和Vue.js应用程序设置Nginx + Passenger

如何在Vue中使用外部作用域的CSS

如何在带有SystemJs模块系统的Angular 4应用程序中使用ngx-bootstrap

在vue.js组件中,如何在CSS中使用props?

如何在Ionic / Vue.Js中使用CSS解决此布局?

如何使用内嵌CSS覆盖从外部CSS添加的line-height和height css属性?

如何在同一主机上部署 Vue.js 2 应用程序和 Laravel 5.4 API

如何在MEAN JS应用中使用外部JS库