Topic: Nested ul not indenting properly
o_mic
free
asked 8 years ago
Hi, I want to include some html in my page, where I am including mdbootstrap. The html is generated from markdown and contains some simple nested ul + li elements, which do not contain classes like list-group and list-item. By consequence they are all indented at the same level (i.e. sublists are basically merged in with their parent list.)
Eg of the problem.
<ul>
<li>first</li>
<li>
<ul>
<li>1</li>
<li>2</li>
</ul>
</li>
<li>second</li>
</ul>
This looks like:
first
1
2
second
Is this a bug or expected behaviour? Is there a way to somehow disable this and keep the default list layout in this case? I read here that not having bullets is expected, however I still want to keep the proper indentation for sublists.
Thanks in advance
Add comment
Marta Wierzbicka
free
answered 8 years ago
Hi,
In mdb.css we have
ul { padding: 0; }
, so you can change this in mdb.css file, save, minify the file or add value for padding in <style></style>
tag at the top of html file. This should help.
Best,
Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: Yes