带有Bulma CSS的Angular 6呈现没有Bulma样式的HTML元素
是因为在Angular中使用Bulma CSS时，需要正确配置和引入相关的CSS文件和样式类。
首先，确保已经安装了Bulma CSS库。可以通过以下命令使用npm进行安装：
npm install bulma安装完成后，在Angular项目的根目录中找到angular.json文件，添加Bulma CSS的样式表路径。在styles数组中添加以下路径：
"node_modules/bulma/css/bulma.min.css"接下来，在需要使用Bulma样式的组件中，可以通过以下方式引入Bulma CSS样式：
- 在组件的CSS文件中引入Bulma样式：
@import "~bulma/css/bulma.min.css";- 在组件的HTML文件中使用Bulma样式类：
<div class="button is-primary">Primary Button</div>这样就可以正确呈现带有Bulma样式的HTML元素了。
Bulma是一个基于Flexbox的现代CSS框架，具有响应式设计和易用性，适用于构建各种类型的Web界面。它提供了丰富的样式类，可以轻松实现按钮、表单、导航栏、网格布局等常见的UI组件。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云内容分发网络（CDN）等。您可以通过访问腾讯云官方网站获取更多关于这些产品的详细信息和介绍。
腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景，具有高性能、高可靠性和灵活的配置特点。详情请参考：腾讯云云服务器（CVM）
腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和管理各种类型的数据，如图片、视频、文档等。详情请参考：腾讯云对象存储（COS）
腾讯云内容分发网络（CDN）：提供全球加速、高可用的内容分发服务，可将静态资源缓存到全球各地的节点，加速用户访问速度。详情请参考：腾讯云内容分发网络（CDN）
相关·内容
我刚刚安装了Angular 6，开发了一个新的应用程序，并添加了作为CSS框架。
我是不是错过了Angular 6的一些基本的、根本性的变化？可以肯定的<
浏览 30提问于2018-07-12得票数 0
/node_ Module /bulma/css/bulma.css模块中未找到错误:错误:无法解析C：\client\ngpop中的“C：\client\node_modules\bulma\css\bulma.css”
我可以确认bulma.css存在于该位置。
浏览 2提问于2019-02-07得票数 3
回答已采纳
在我的项目中，我通过：在那之后，我如何在我的页面中引用它。我真的不知道如何与npm合作，所以请你指导我。我是否必须在js中引用它：import bulma from 'bulma'还是需要它，我不知道我的文件在哪里。这意味着我不知道它们在哪里。
浏览 15提问于2017-05-17得票数 58
回答已采纳
-- angular components --> <div class="navbar-end"> </div>菜单中的某些填充和其他属性似乎无法正常工作。
如果我将整个导航栏放在一个组件中，我就看不到这个问题了。你知道我在Angular做错了什么吗？还是我错过了什么？看起来SASS是以一种奇怪<em
浏览 2提问于2017-08-05得票数 0
我在一个Angular 8项目中使用了Bulma.io，并使用以下命令安装了Bulma：npm install bulma。之后，我在我的angular.json文件中包含了这些样式： "src/styles.css",
"node_modules/bulma/css/bulma</e
浏览 21提问于2019-08-13得票数 3
3回答
"index": "src/index.html", "polyfills": "src/polyfills.ts/css/bulma.css",
"src/styles.css</e
浏览 0提问于2019-02-26得票数 1
回答已采纳
我尝试在同一文件夹中创建css文件style.css，复制所提供的bulma链接的源代码，然后将其链接到我的html文档。但是，它根本没有显示任何css功能。
浏览 25提问于2019-06-14得票数 1
回答已采纳
8回答
我是Angular的新手，我来自Ember社区。尝试使用基于Ember-CLI的新Angular-CLI。它不工作，但再一次不确定我只是配置错了什么。另外，在一个新的Angular项目中组织样式
浏览 151提问于2016-03-25得票数 347
回答已采纳
我有一个用Slick和Jquery运行的carousel，有slicks点的覆盖样式(在组件中定义)，但是当在localhost上运行时，我看不到slicks点接收CSS，它只是从默认的slick css我检查了在web上呈现的内部样式表:默认的slick.css &slick-heme.css在组件的css之前加载，所以它应该已经覆盖了
浏览 10提问于2019-02-23得票数 1
回答已采纳
2回答
使用CSS模块全局导入外部样式表
、、、、
我很难用外部样式表()向我的React应用程序添加SASS。到目前为止，我已经通过postcss设置了带有CSS模块的。外部(Bulma)样式通过@import "~bulma/bulma";添加并正确解析。/*!理想情况下，我希望全局导入
浏览 6提问于2020-03-16得票数 0
回答已采纳
在经典的HTML中，我会创建一个<style>以缩小index.html中的css，但是我需要进行定制，所以我必须使用那些库的源scss，即。我需要这样做，所以我可以继续使用Chrome的开发工具，查看检查元素的样式来自哪里，并在源代码中更改它，或者在需要时重写它。Chrome开发工具中的元素时，我可以看到它的样式来自vue的
浏览 0提问于2018-06-30得票数 2
取自Bulma CSS框架文档的示例表单控件使用Bulma 0.7.2 (撰写本文时的最新版本)按预期工作。但是，当表单放在标准的html <details>标记中时，元素的高度会发生变化，并且会有一定的宽度(输入？)更改，因此当鼠标悬停在输入上时会出现视觉上的毛刺。这是什么原因造成的，有没有一种可以应用于<details>标记的<
浏览 14提问于2019-01-05得票数 0
1回答
当我的代码被编译时，变量($tooltip-背景颜色，$tooltip-color)不会改变。这些值仍然是默认值。/box.component.html', @Input('tooltipText') tooltipText: string;
}
}Angular.json文件 &qu
浏览 4提问于2020-10-30得票数 1
回答已采纳
我正在使用外部CDN中的Bulma库，并且正在尝试构建一个navbar web组件。出于某种原因，我的菜单项的文本显示为“时代新罗马”，而不是“无衬线”。它应该从Bulma继承默认的字体系列，但似乎使用的是浏览器默认设置。<!/js/index.js&qu
浏览 1提问于2021-05-09得票数 0
回答已采纳
由于某种原因，音频元素(附在下面)显示在边缘，而不是Chrome。我试过添加和删除控件。下面代码中的音频元素位于最下面。我添加了其中的两个，只是为了看看它是否有区别，它们都出现在Edge中，而不是Chrome。我就是搞不懂。我的Chrome浏览器是70.0.3538.77版。谢谢你看这个！<!DOCTYPE html> <meta charset="utf-8">
浏览 0提问于2018-11-04得票数 0
回答已采纳
我正在尝试将导入到我的GatsbyJS项目中，但我在使其正常工作方面遇到了很多困难。我正在使用同样带有Helmet的。在头盔组件中，我插入脚本和样式标记，如下所示：<script src="
浏览 1提问于2019-07-13得票数 1
2回答
我有一个在FileZilla上运行的网站。我想使用Bulma，我可以通过unpkg。我的问题是，我的网站有一个不同的颜色方案，比Bulma的绿松石一个。我是否可以改变配色方案：
根据我对SASS的理解，它不是只是一个预编译器，最终产生了w/纯CSS吗？如果是，那么我可以在纯CSS</em
浏览 0提问于2019-10-01得票数 0
回答已采纳
1回答
我想通过注释/取消注释stylesheet_link_tag行来加载/卸载...
<%= stylesheet_link_tag'https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css', media: 'all
浏览 18提问于2021-03-07得票数 1
回答已采纳
我要做的是创建一个导航栏。除了CSS部分，我已经从W3Schools得到了这些代码。@font-face { src: url("..important;body { background-size: cover;<html lang="en
浏览 1提问于2018-03-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
