是否有可能在shadow dom中使用twitter bootstrap?此时,一个主要优势就变成了劣势。
最佳答案
只需在 Shadow DOM 中插入带有 <link href="stylesheet">
的 Bootstrap 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', class extends HTMLElement {
constructor() {
super()
this.attachShadow( { mode: 'open' } )
.innerHTML = `
<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">
<button class="btn btn-primary">Hello</button>
`
}
} )
<c-e></c-e>
关于javascript - 是否有可能在shadow dom中使用twitter bootstrap的css类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55899234/