fasthtml
fasthtml copied to clipboard
[BUG] pico 'grid' class is in conflict with bootstrap grid class, can't solve with pico=False
Describe the bug pico 'grid' class is in conflict with bootstrap grid class, can't solve with pico=False
Minimal Reproducible Example Below
from fasthtml.common import *
bootstrap_icon = Link(
rel='stylesheet',
href='https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css')
# bootstrap css and js should be both included
bootstrap_css =Link(
href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css',
rel='stylesheet',
integrity='sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH',
crossorigin='anonymous')
bootstrap_js = Script(
src='https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js',
integrity='sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz',
crossorigin='anonymous')
app,rt = fast_app(hdrs=[bootstrap_css,
bootstrap_js,
bootstrap_icon])
@rt("/")
def get():
a = Div(
Div('.g-col-1', cls='g-col-1'),
Div('.g-col-4', cls='g-col-4'),
Div('.g-col-4', cls='g-col-4'),
cls='grid text-center'
)
return a
serve()
Expected behavior set pico=False in fast_app does not solve the issue
Environment Information Please provide the following version information:
- fastlite version:
- fastcore version:
- fasthtml version: 0.4.5