neighborhood.html

---
layout: default
title: Neighborhoods
---
<div class="container-fluid">
  <div class="row-fluid">
    <div class="span4">
      <b>Click a neighborhood to see where its students attend school. 
        <div>Use the buttons to hide various school types.
        </div></b>
      <p>
      <div class="btn-group" data-toggle="buttons-checkbox">
        <button name="schoolinfo" value="charter" id="charter" type="button" class="btn btn-primary active">Charter</button>
        <button name="schoolinfo" value="public" id="public" type="button" class="btn btn-primary active">
                Public</button>
          
      </div>
      <div class="btn-group" data-toggle="buttons-checkbox">
        <button name="schoolinfo" value="elementary" id="elementary" type="button" class="btn btn-primary active">Elementary</button>
        <button name="schoolinfo" value="middle" id="middle" type="button" class="btn btn-primary active" >Middle</button>
        <button name="schoolinfo" value="high" id="high" type="button" class="btn btn-primary active" >High</button>
                

      </div>
      </p>
    </div>
    <div class="span8">
      <!-- http://stackoverflow.com/questions/11316383/bootstrap-hero-unit-height-leaflet -->
      <div id="neighmap" style="height: 600px"></div>
      <!-- Le javascript
      ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->
      
      </div>
    </div>
  </div>
</div>
<script src="neighborhood-postload.js"></script>