Bulma horizontal controls using flex

by jorgeluis

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css">
<div class="is-flex justify-content-start align-items-center">
  <div class="control m-r-1">
    <label class="checkbox">
      <input type="checkbox">
      Checkbox
    </label>
  </div>
  <div class="control">
    <div class="select">
      <select>
        <option>Select dropdown</option>
        <option>With options</option>
      </select>
    </div>
  </div>
</div>

CSS

.is-justify-start {
  justify-content: flex-start
}
.align-items-center {
  align-items: center
}
.m-r-1 {
  margin-right: 1em
}