Не в состоянии установить сложенные метки в framework7

Question

Я не могу установить сложенные метки в framework7. Вот мой код: -

    <div class="list">
    <ul>
    <li class="item-content item-input">
<div class="item-inner">
<div class="item-title item-label">Name</div>
    <div class="item-input-wrap">
<input type="text" name="name" />
    <span class="input-clear-button"> 
    </span>
 </div>
    </div>
    </li>
    </ul>
    </div>![check this image]

(https://i.stack.imgur.com/m6g5m.png)

Answer 1

После трассировки вашего кода я нашел пробел между item- label, и если вы удалите его, ваш код будет работать хорошо.Вы можете проверить свой пример здесь: jsfiddle Live Exapmle

Совет: Вы можете использовать кнопку вкладки на клавиатуре, чтобы получить отсортированный код, который сделает ваш код легким для чтения и отслеживаниякак это:

<div class="list">
  <ul>
    ...
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">Name</div>
        <div class="item-input-wrap">
          <input type="text" name="name">
          <span class="input-clear-button"></span>
        </div>
      </div>
    </li>
    ...
  </ul>
</div>