added size and form-control css classes to room selection widget

roomlist/accounts/templates/room_select_widget.html

 {% load humanize %}
-<label>Neighborhood</label>&nbsp;
-<select id="neighborhood" name="neighborhood">
+<div class="col-md-3 col-sm-6">
+<label>Neighborhood</label><br/>
+<select id="neighborhood" name="neighborhood" class="form-control">
   {% for neighborhood in neighborhoods %}
     {% if user.student.get_building.neighbourhood == neighborhood.0 %}
       <option value="{{ neighborhood.0  }}" selected="selected">{{ neighborhood.1 }}</option>
@@ -9,8 +10,10 @@
     {% endif %}
   {% endfor %}
 </select>
-&nbsp;&nbsp;<label>Building</label>&nbsp;
-<select id="building" name="building">
+</div>
+<div class="col-md-3 col-sm-6">
+<label>Building</label><br/>
+<select id="building" name="building" class="form-control">
   <option value="">---</option>
   {% for building in buildings %}
     {% if user.student.get_building == building %}
@@ -20,8 +23,10 @@
     {% endif %}
   {% endfor %}
 </select>
-&nbsp;&nbsp;<label>Floor</label>&nbsp;
-<select id="floor" name="floor">
+</div>
+<div class="col-md-3 col-sm-6">
+<label>Floor</label><br/>
+<select id="floor" name="floor" class="form-control">
   <option value="">---</option>
   {% load cache %}
   {% cache 3600 floor_list %}
@@ -30,8 +35,10 @@
   {% endfor %}
   {% endcache %}
 </select>
-&nbsp;&nbsp;<label>Room</label>&nbsp;
-<select id="room" name="room" class="roompicker">
+</div>
+<div class="col-md-3 col-sm-6">
+<label>Room</label><br/>
+<select id="room" name="room" class="roompicker form-control">
   <option value="">---</option>
   {% cache 3600 room_list %}
   {% for room in rooms %}
@@ -39,3 +46,4 @@
   {% endfor %}
   {% endcache %}
 </select>
+</div>