gpt4 book ai didi

html - 是否有像 CSS clear 这样的 Bootstrap 属性?

转载 作者:行者123 更新时间:2023-11-28 07:17:14 25 4
gpt4 key购买 nike

我有这个html

        <div class="row">
<div class="col-md-6" id="temp-box" >
<img id="weather-icon" src='Icons/sunny.png'></img>
<span id="temperature">50F</span>
</div>
<div class="col-md-6" > <div class="text-center" id="coodrs-title" ><span>Current Location</span></div>
<div class="position">
You Current Latitude Is: <span id="lati"></span><br/>
You Current Longitude Is: <span id="lngi"></span>
</div>
</div>
</div>

我希望将 ID 为#weather-icon 的 img 放置在 ID 为#temperature 的元素上方,但它们都在同一行内。我该怎么做?

Ankit Agarwal 给了我最好的解决方案。 Bootstrap 的 clear 类!!!

最佳答案

更好的解决方案是使用.clear Bootstrap 类。它会完美地工作

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
<div class="col-md-6" id="temp-box" >

<img id="weather-icon" src='Icons/sunny.png'></img>
<div class="clear"></div>
<span id="temperature">50F</span>
</div>
<div class="col-md-6" > <div class="text-center" id="coodrs-title" ><span>Current Location</span></div>
<div class="position">
You Current Latitude Is: <span id="lati"></span><br/>
You Current Longitude Is: <span id="lngi"></span>
</div>
</div>
</div>

关于html - 是否有像 CSS clear 这样的 Bootstrap 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32288176/

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