gpt4 book ai didi

html - 为 HTML 模板设置列

转载 作者:太空宇宙 更新时间:2023-11-04 01:55:27 25 4
gpt4 key购买 nike

<body onload="initialize()">

<div id="map" style="width:300px; height:300px; display:block;">
<div id="map_canvas" style="width:300px; height:300px;"></div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-3"><br>
<a href="{{ url_for('detail', site='MY1', days=1) }}">MY11</a>
</div>

<div class="col-md-2">
<a href="{{ url_for('detail', site='MY1', days=1) }}">MY11</a>
<select onChange="window.location.href=this.value">
<option disabled="disabled" selected="selected" value=""></option>
<option value="{{ url_for('detail', site='MY1', days=2) }}">48 hours</option>
<option value="{{ url_for('detail', site='MY1', days=3) }}">72 hours</option>
<option value="{{ url_for('detail', site='MY1', days=5) }}">5 days</option>
<option value="{{ url_for('detail', site='MY1', days=7) }}">7 days</option>
</select>
</div>

<div class="col-md-7 text-right">
<form>
<select name="mapchange" onchange="updateMap(this.options[this.selectedIndex].value)">
<option value="school1">school 1</option>
<option value="school2">school 2</option>
</select>
</form>
<div>
</div>
</div>
</body>
</html>

我正在使用上面的 HTML 代码,我想将我的谷歌地图图像放在页面的右侧。我正在使用 Bootstrap css 样式,默认值为 12 个单位,因此我认为应该通过以下代码将 map 设置在页面右侧:

<div class="col-md-7"><br>

这是渲染输出: enter image description here

我需要做什么或更改才能将其定位在右侧?

最佳答案

.col-md-offset-5 作为附加类添加到该元素以将其向右移动(5 个网格单位):

<div class="col-md-7 col-md-offset-5 text-right">

关于html - 为 HTML 模板设置列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42721427/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com