我的Div在Bootstrap 3中重疊

-2

我是BootStrap 3的新手，並且遇到與我的div重疊的問題。我可能錯過了一些簡單的東西，但似乎無法找到問題。這裏是html。我的Div在Bootstrap 3中重疊

你也可以在wibberding.info/SolarTime找到我想要在Bootstrap中做什麼的工作副本。

感謝您提供任何幫助。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" type="text/css" href="style.css"> 
<script type="text/javascript" src="script.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css"> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
<title>Solar Time</title> 
<link rel="icon" type="image/ico" href="favicon.ico"> 
</head> 

<body> 

<div class="jumbotron"> 
<div class="container clearfix"> 
<h1 id="clock">Solar Time</h1> 
</div> 
</div> 

<div class="container"> 
<div class="row"> 
<div class="col-md-8"> 
<p>This web app allows you to find Solar Time in two ways:</p> 
<p> 1. Find Solar Time by reading the location data from your device. You will have to have this turned on. </p> 
<p> 2. By entering a longitude. You can find the longitude of your zipcode <a href="https://www.zipinfo.com/search/zipcode.htm" target="_blank">here</a>.</p> 
</div> 
<div class="col-md-4"> 
<form id="form"> 
<input id="device" type="radio" name="locationData" value="device" checked onchange="solarTime.checkLocationMethod()"> 
<label for="device">Use my device location.</label><br> 

<input id="latLong" type="radio" name="locationData" value="latLong" onchange="solarTime.checkLocationMethod()"> 
<label for="latLong">Enter Longitude</label> 
<input type="text" size="10" maxlength="30" id="longitude" onFocus="solarTime.changeToLong()"></input> (Enter postive longitude for East and negative for West. All of the United States is negative.) <br> 

<input type="button" onclick="solarTime.checkLocationMethod()" value="Find Solar Time" /> 
</form> 
</div> 
</div> 

</div> 
</body> 
</html>

來源

2014-03-04 wibberding

我快速看了一下，你有什麼特別的問題？ –

您的表單元素可能超出了您部門的寬度。嘗試將它們包裝在bs的表單容器中（即.form-groups）。（儘管從查看這個很難分辨出來）http://getbootstrap.com/css/#forms – ravb79

仔細觀察它看起來像我的行也彼此重疊。一切都想渲染在頁面的頂部。 – wibberding

所以它看起來像我錯過了關閉DIV標籤。它現在工作:-)謝謝大家的幫助。。。

來源

2014-03-06 01:46:05 wibberding

我的Div在Bootstrap 3中重疊

回答

相關問題