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

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

Please insert min. 20 characters.

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