読者です 読者をやめる 読者になる 読者になる

鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

BootStrap3のGrid+GoogleMapsでGridがうまくきかないような。

Jognaviを宣伝する前にもっと
サイトのクオリティを上げないと・・・
どうも、SEARCH画面で表示しているGoogleMaps+Gridがうまくできていないような気がする。

<style type="text/css">
    #map_canvas { width: 430px;height : 430px;}
    #map_canvas label { width: auto;    display:inline;
    #map_canvas img {  max-width: none;}

</style>
・・・
  <div class="row">
    <div class="col-xs-6 col-sm-6 col-md-6">
      <div id="map_canvas"></div>
    </div>
    <div class="col-xs-6 col-sm-6 col-md-6">
      <table class="table table-hover" id ="routes_view">
      </table>
    </div>
  </div>

こうするといいかも

<style type="text/css">
    #map_canvas { width: 430px;height : 430px;}
    #map_canvas label { width: auto;    display:inline;
    #map_canvas img {  max-width: none;}

</style>
・・・
  <div class="row">
    <div id="map_canvas" class="col-xs-6 col-sm-6 col-md-6">
    </div>
    <div class="col-xs-6 col-sm-6 col-md-6">
      <table class="table table-hover" id ="routes_view">
      </table>
    </div>
  </div>