Hi
Been working with BSS for the past day, my first decent session. I’m using Bootstrap 5 for various good reasons.
There are a few bits and pieces I have questions about. Any assistance/thoughts would be much appreciated:
-
The drop-cap class when added to a p element is not working. Is this feature yet to be added, or am I doing something wrong?
-
I haven’t been able to get icons as bullets working, so I just need to confirm the syntax, and best library to use. I copied some existing code that uses Font Awesome 5, and that worked in the editor, but not in the browser preview. Overall, I’m unsure of the cleanest way to use icons in BSS. BS 5 uses SVGs - are they secure to use in a CMS like WP? If not, how to get Font Awesome working? I’d prefer to use one library only…any suggestions?
Here’s what I have that’s not working out for me:
ul.my-ul {
list-style-type: none;
margin: 0;
}
ul.my-ul>li:before {
content: "\f054";
font-family: 'Font Awesome 5 Free';
font-size: .85rem;
font-weight: 900;
margin-right: .6rem;
}
-
The accordion is giving me some trouble. I’d like to:
– Add icons to accordion (open, closed etc aligned far right, label aligned far left)
– Get the other classes working. For example, accordion-flush has no effect…?
– Ensure that all tabs are closed by default. -
The ordering of media queries within the CSS file. Is there a way to have it ordered automatically (largest to smallest), so that no manual checking is required? Perhaps I’ve missed this, or perhaps it is already a feature request. With so many media queries flying everywhere, it’s easy to get them out of the order they need to be in.
(If I should split these questions up, please let me know. I’m not sure what is preferred.)