fasthtml icon indicating copy to clipboard operation
fasthtml copied to clipboard

[BUG] pico 'grid' class is in conflict with bootstrap grid class, can't solve with pico=False

Open sky1ove opened this issue 6 months ago • 0 comments

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

sky1ove avatar Aug 26 '24 23:08 sky1ove