Old school D3 from simpler times

All examples By author By category About

mig1098

Full window Github gist

Calculator

<div class="container-fluid">
  <div class="row-fluid col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
    <div class="display col-xs-12">
      <div class="row">
        <span class="col-xs-12 br"><h1> 0</h1></span> 
      </div>
    </div>
    <div class="topOperations col-xs-12">
      <div class="row">
        <span class="col-xs-3">AC</span> 
        <span class="col-xs-3">CE</span> 
        <span class="col-xs-3">%</span> 
        <span style="background-color: tomato;" class="col-xs-3 br">÷</span> 
      </div>
    </div>
    <div class="numbers col-xs-9">
      <div class="row">
        <span class="col-xs-4">1</span>
        <span class="col-xs-4">2</span>
        <span class="col-xs-4">3</span>
        <span class="col-xs-4">4</span>
        <span class="col-xs-4">5</span>
        <span class="col-xs-4">6</span>
        <span class="col-xs-4">7</span>
        <span class="col-xs-4">8</span>
        <span class="col-xs-4">9</span>
        <span class="col-xs-8 bb">0</span>
        <span class="col-xs-4 bb">.</span>
      </div>
    </div>
    <div class="operations col-xs-3">
      <div class="row">
        <span class="col-xs-12 br">x</span>
        <span class="col-xs-12 br">-</span>
        <span class="col-xs-12 br">+</span>
        <span id="equals" class="col-xs-12 br bb">=</span>
      </div>
    </div>
  </div>
</div>