我正在尝试在同一项目中同时使用elm-css和elm-bootstrap,但看起来他们相处得不好。
我喜欢elm-css的地方是它是html核心模块的直接替代品,只需使用其他导入并用toUnstyled
构成主视图,就可以得到所有好处。
{ view = view >> toUnstyled, ... }
但是elm-bootstrap函数并不希望接收elm-css样式的元素,因此我们必须删除样式,并在各处调用toUnstyled
来使代码混乱,例如
Table.td [] [ toUnstyled <| text "Hi!" ]
我可以忍受,但是当我们需要添加属性(例如,
Table.td [ Table.cellAttr <| class "text-center" ]
[ toUnstyled <| text "Hi!" ]
仅当class
来自核心HTML模块而不是elm-css时,此方法才有效。如果我们可以使用toUnstyled <| class "text-center
,它会起作用,但是此函数(用于属性)在elm-css中“丢失”(引号存在,因为我不确定拥有它,{{ 1}}存在)。
那么,fromUnstyled
属性的确丢失了吗?是否还有其他可行的选择来同时具有两个库所提供的功能?
在选项方面,应如何对elm-bootstrap进行处理以使其接受elm-css样式的属性?它应该是在每次调用elm-bootstrap之前调用toUnstyled
的包装库吗?有什么想法吗?