Javascript 有没有可能在shadowdom中使用twitter引导的css类?

Javascript 有没有可能在shadowdom中使用twitter引导的css类?,javascript,html,bootstrap-4,web-component,shadow-dom,Javascript,Html,Bootstrap 4,Web Component,Shadow Dom,是否有可能在ShadowDOM中使用twitter引导?在这一点上,一个主要的优点变成了一个缺点。我相信,您可以使用:shadow选择器在shadow DOM中设置元素的样式。只需在shadow DOM中插入一个带有元素的引导CSS文件: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0

是否有可能在ShadowDOM中使用twitter引导?在这一点上,一个主要的优点变成了一个缺点。

我相信,您可以使用
:shadow
选择器在shadow DOM中设置元素的样式。

只需在shadow DOM中插入一个带有
元素的引导CSS文件:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

customElements.define('c-e',类扩展了HtmleElement{
构造函数(){
超级()
this.attachShadow({mode:'open'})
.innerHTML=`
你好
`
}
})

我不想应用自己的,但要应用引导样式。你还知道如何让引导的javascript部分工作吗?@Andi这是一个更大的问题。我不是引导专家,所以你应该提供一个例子,因为答案可能取决于用例;您给出的答案是绝对正确和通用的。@Andi不,我不认为需要JS的控件在阴影DOM中不起作用。一种解决方法是通过插槽将控件放入Light DOM和Insert中,然后再放入Shadow DOM中。