bulma css demo

by jorgeluis

HTML

<link rel="stylesheet" href="https://app-stage.addigy.com/css/macmanage.ddcceb409a6e5faa6818.css">
<div class="is-flex">

  <div class="p-2 is-flex-1">
  
    <div class="is-flex is-flex-align-center m-b-half">
      <div class="p-r-1">
        <label class="label is-marginless">Organization Name</label>
      </div>
      <div class="is-flex-1">
        <input class="input" type="text" placeholder="">
      </div>
    </div>

    <div class="is-flex is-flex-align-center m-b-half">
      <div class="p-r-1">
        <label class="label is-marginless">Support Email</label>
      </div>
      <div class="is-flex-1">
        <input class="input" type="text" placeholder="">
      </div>
    </div>

    <div class="is-flex is-flex-align-center m-b-half">
      <div class="p-r-1">
        <label class="label is-marginless">Session Expiration</label>
        <div class="help is-marginless">(minutes)</div>
      </div>
      <div>
        <input class="input" type="number" placeholder="">
      </div>
    </div>
    
  </div>


  <div class="p-2 is-flex-1">
  
    <h2 class="h4 m-b-half">Privacy</h2>
  
    <div class="field">
      <b-checkbox>Enable software metering</b-checkbox>
    </div>    
    <div class="field">
      <b-checkbox>Enable GoLive screenshots</b-checkbox>
    </div>    
  </div>


</div>

CSS

.label { width: 150px }