[flim]

I am newbie in modern web development.

I want to use other photo gallery than Photoswipe, for instance, I want to use Bootstrap 4 to handle img

I change the img class to “img-fluid”, but the generated file changed it to <figure class=”img-fluid”>, so integrate Bootstrap 4 seems impossible if using the Publii build-in editor.

Which responsive framework compatible with Publii?

[Bob]

All the CSS frameworks are compatible with Publii. The semantic HTML output generated by Publii does not matter at this point.

Publii generates some CSS classes that you should include in your design, more on this: https://getpublii.com/dev/default-publii-classes-for-using-with-css/

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[flim]

It is the CSS class that generated not compatible with Bootstrap CSS, I expected that I change the class by WYSIWYG editor, but the CSS in the generated HTML was replaced to Publii default, so I cannot utilize Bootstrap class.

This is the HTML I put in the WYSIWYG HTML editor

<p></p>

This is the generated HTML

    <figure class="img-fluid">
        
    </figure>

I cannot figure out how to fit Bootstrap CSS to the generated result.

[Bob]

My take on this is that you should use the Bootstrap to build the theme, not to create content – theme users do not necessarily know how to use this framework.
Publii is not a CSM based on Bootstrap so the output of generated CSS is different but only in the content area.

BTW/ Bootstrap is ok for prototyping but to build lightweight and easy themes I wouldn’t decide on this choice.

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[Author]

Posts