Javascript 我的div在bootstrap3中重叠

Javascript 我的div在bootstrap3中重叠,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我是BootStrap 3的新手,我的div重叠有问题。我可能遗漏了一些简单的东西,但似乎找不到问题所在。这是html 您还可以在wibberding.info/SolarTime上找到我在引导中尝试执行的操作的工作副本 谢谢你能给我的帮助 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" co

我是BootStrap 3的新手,我的div重叠有问题。我可能遗漏了一些简单的东西,但似乎找不到问题所在。这是html

您还可以在wibberding.info/SolarTime上找到我在引导中尝试执行的操作的工作副本

谢谢你能给我的帮助

<!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>

太阳时
太阳时
此web应用程序允许您通过两种方式查找太阳时间:

一,。通过从设备读取位置数据来查找太阳时间。你必须把它打开

二,。通过输入经度。您可以找到zipcode的经度

使用我的设备位置。
输入经度 (东部输入正经度,西部输入负经度。整个美国都是负的。)

所以我好像错过了一个结束DIV标签。它现在起作用了:-)谢谢大家的帮助

我快速看了一眼,你对什么div特别有意见?你的表单元素可能超过了你的div的宽度。尝试将它们包装在bs的表单容器(即表单组)中。(尽管仅仅看这个很难分辨)仔细观察,我的行似乎也相互重叠。所有要在页面顶部呈现的内容。