Div in li

Hello, It is not possible to add a div to a li at the moment. It would be really handy if this feature could be added to the application.

What is the use case for addIng a div within an li?

The developers have probably done what they have for a reason to keep the HTML valid, but if needs be you could convert your list to HTML and manually add in your divs if you can't drag and drop in

According to these SO replies, DIV inside LI is valid:

  • https://stackoverflow.com/a/18269134
  • https://stackoverflow.com/questions/1915077/is-div-inside-list-allowed
  • https://stackoverflow.com/questions/6449772/can-i-use-a-div-inside-a-list-item

If it's valid, then use case is moot... Disallowing valid HTML is a bug...

Just started using BS yesterday and like it for the most part. Enough to buy a lifetime license, anyway. I just ran into this need, also. Probably 50 times in my HTML career. Have to agree with Kent on this one.

It has been requested since early 2017, yet we can't see any change with BS4. It doesn't matter why you need it, it's valid HTML5 so it should NOT be disallowed. I ran into need of these too and I'm not alone requesting that but it seems like BS4 team is ignoring us on this one.

Is anyone from the BS team even reading these? I have hit this problem so many times in the last one year.

Hello BS team; at the very least you guys should post a reply here as to why it isn't available and when should we expect a fix.

Can you not use a span instead of a div ?

I can, but then again a <span> does not accept a <div> as its child in BSS. Point is that list items can have complex internal structure, which is why we need a <div>. But even more basically, if it is valid HTML, BSS should not have prevent us from adding it.

Thanks for bringing this to our attention, you're right - it is valid markup. I'm adding this to our TODO.

Thanks Gabriela. Your prompt response gives me a lot of confidence in your team. While I have your attention, I'd like to draw it to another (and MUCH more important) item that I posted yesterday. You can find it here: https://bootstrapstudio.io/forums/topic/why-are-we-forced-to-use-mouse/

If you guys could give us those keyboard shortcuts in the next release, that will be a whole lot of help.

(I come from Visual Studio background where one can do almost any possible action from keyboard)