вложенный макет в GetUIKit - PullRequest
Новая
       35

вложенный макет в GetUIKit

0 голосов
/ 15 октября 2019

Я хочу показать этот макет, используя getuikit.com:

- option 1
- option 2. details: option 2a

Я пытаюсь сделать следующее: (это работает, если вы поместите этот фрагмент в файл test.html; в stackoveflow, selectпочему-то появляется в следующей строке) 

<link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.6/css/uikit.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.6/js/uikit.min.js"></script>
    <div class="uk-margin">
      <div class="uk-form-controls">
        <label><input class="uk-radio" type="radio" name="aa"> option1</label>
        <br/>
        <div class="uk-form-horizontal">
          <label class="uk-form-label"><input class="uk-radio" type="radio" name="aa"> option2. detail:</label>
          <div class="uk-form-controls">
            <select class="uk-select">
              <option>option 2a</option>
              <option>option 2b</option>
            </select>
          </div>
        </div>
      </div>
    </div>

однако «вариант 2» появляется с другим маленьким шрифтом. Как решить эту проблему?

Кроме того, как добиться этого макета с отступом «details: ...» в опции 2? 

- option 1
- option 2. 
  details: option 2a

ps: я прочитал документыhttps://getuikit.com/docs/form и прочее, но мне трудно понять конструкцию.

...