boostrap cordova app full height

私はコードバとブーストラップでアプリを開発しようとしています。boostrap cordova app full height

薄いですが、私はGoogleマップを持っていますが、私はアプリを実行するとこのマップは完全なスペースを使用しません。

ここはmiです。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta charset="utf-8" /> 
 
<meta name="format-detection" content="telephone=no" /> 
 
<meta name="msapplication-tap-highlight" content="no" /> 
 
<!--<meta name="viewport" content="minimal-ui, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />--> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" type="text/css" href="css/index.css" /> 
 
<link rel="stylesheet" type="text/css" href="css/boostrap.min.css" /> 
 
<link rel="stylesheet" type="text/css" href="css/boostrap-theme.min.css"> 
 

 

 
<title>On Board</title> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 

 
    <div class="row"> 
 

 
    
 

 
     <div data-role="header" data-position="fixed" data-tap-toggle="false" id="cabecera"> 
 
\t \t  <div id="logo"><img id="logo_superior" src="img/inicio_b.png" /></div> 
 
      <h1>On Board</h1> 
 
    \t  
 
    \t <div id="triangulo"></div> 
 
     </div> 
 
\t <!-- /header --> 
 
    </div> 
 

 
<div class="container fill"> 
 

 
    <div class="row"> 
 
    
 
     <div id="map" class="col-sm-8">  
 
    <!--Map load here--> 
 
     </div> 
 
    </div>  
 
</div> 
 

 
\t 
 

 

 
<!-- /footer --> 
 
</div><!-- /page --> 
 

 
<script type="text/javascript" src="js/cordova.js"></script> 
 
<script type="text/javascript" src="js/jquery.2.2.0.min.js"></script> 
 
<script type="text/javascript" src="js/boostrap.js"></script> 
 
<script type="text/javascript" src="js/boostrap.min.js"></script> 
 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkmGp8fX_HqSM2ArrwRouRJV60fuA3sqo"></script> 
 
<script type="text/javascript" src="js/index.js"></script> 
 
<script type="text/javascript" src="js/geolocation_gmaps.js"></script> 
 
</body> 
 
</html>

私は何をすべき？

私はブートストラップ3とjqueryを使用しています。

出典

2016-12-22 O.Valenzuela

CSSを使用して任意のサイズにすることができます。それは、ブートストラップの内側に包まれていますので

、それはのような両親のスタイル定義を継承します.row {マージン右..}あなたが外であなたの#mapを入れて、あなたが必要な値に調整することができ

。たとえば、

#map { 
    position : absolute; 
    top : 0; 
    left : 0; 
    right : 0; 
    bottom : 0; 
    width:100%; 
    height:100%; 
    margin:0; 
    padding:0; 
}

出典

2016-12-22 14:47:19 fbhcf

boostrap cordova app full height

答えて

関連する問題