5.19 JLL--实习日志--view_availability前端和后端

1. button 按钮键的修改，不需要涉及到css 样式的修改,只需要在浏览器里面调整以后重新写这个样式就可以了！重写的方式是最好的
2. padding 和margin 之间的区别：相对于div 行内距 和行外距
3. 修改bar 的样式,调整样式尽量要用col-sm-1 这样子的样式，少用padding 和margin 会影响在手机端的使用！
   代码如下

  <div class="col-sm-12" style="padding:0px;0px;0px;-10px;">
    <div class="col-sm-4" >
    <input class="form-control" id="filter" placeholder="{{ ui_setting.SearchPlaceHolder }}" type="text" >
    </div>
    <div class="col-sm-1" >
    <span id="slider-snap-value-lower1" class="sliderlabel" style="display:none;"></span>
    <input type="text" class="form-control" name="left_value" id="left_value" value=''>
     </div>
    <div class="col-xs-2" style="padding:13px;0px;0px;0px " >
   <div id="connectedSlider1">
    </div>
    </div>
   <div class="col-sm-1">
 <span id="slider-snap-value-upper1" class="sliderlabel" style="display:none;"> </span>
  <input type="text" class="form-control" name="right_value" id="right_value" value="">
                                    </div>
                                    </div>

1. 对齐的一个小技巧：可以使用浏览器自带的表格去看 padding 和margin

2. 使用数据库的小技巧
   写半个数据库的名称然后 就可以使用 Tab 按键 去生成对应的数据库表名称，比较快速