Bulma.css - выравнивает поля и метки рядом в форме - PullRequest
Новая
       7

Bulma.css - выравнивает поля и метки рядом в форме

0 голосов
/ 06 сентября 2018

Как правильно выровнять поля и метки, когда они рядом с булмой? Каковы правильные контейнеры для полей для достижения правильного поведения?

Извините за этот упрощенный вопрос, спасибо, что прочитали это далеко, вот следующий код / ​​код:

https://codepen.io/anon/pen/mGBXgK

<div class="container">
  <div class="section">
    <div class="columns">
      <div class="column is-three-quarters">

        <div class="field is-horizontal">
              <div class="field-label is-normal">
                <label class="label">Field One</label>
              </div>
              <div class="field-body">
                <div class="field is-narrow">
                  <div class="control">
                    <input type="text" class="input">
                  </div>
                  <p class="help is-danger">
                    Error Placeholder
                  </p>
                </div>
              </div>
            </div>

        <div class="field is-horizontal">
              <div class="field is-horizontal">
                <div class="field-label is-normal">
                  <label class="label">Field Two</label>
                </div>
                <div class="field-body">
                  <div class="field">
                    <div class="control">
                      <div class="select">
                        <select>
                          <option>AA</option>
                          <option>BB</option>
                          <option>CC</option>
                        </select>
                      </div>
                    </div>
                  <p class="help is-danger">
                    Error Placeholder
                  </p>
                  </div>
                </div>
              </div>

              <div class="field is-horizontal">
              <div class="field-label is-normal">
                <label class="label">Field Three</label>
              </div>
              <div class="field-body">
                <div class="field is-narrow">
                  <div class="control">
                    <input type="text" class="input">
                  </div>
                  <p class="help is-danger">
                    Error Placeholder
                  </p>
                </div>
              </div>
            </div>
        </div>

      </div>      
    </div>
  </div>
</div>
...