-2
저는 BootStrap 3을 처음 사용하고 있기 때문에 제 div가 겹치는 문제가 있습니다. 아마 뭔가 간단한 것이 빠져 있지만 문제를 찾을 수없는 것 같습니다. 여기에 html이 있습니다.My Divs가 Bootstrap 3에 겹쳐 있습니다.
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>
신속하게 살펴 보니, 특히 어떤 div가 문제가 있습니까? –
양식 요소가 부서의 너비를 초과했을 가능성이 큽니다. bs의 양식 컨테이너 (예 : .form-groups)로 포장하십시오. (이걸 보는 것에서 만 알기는 어렵지만) http://getbootstrap.com/css/#forms – ravb79
더 자세히 살펴보면 내 행이 서로 겹치는 것처럼 보입니다. 모든 것이 페이지 상단에 렌더링하려고합니다. – wibberding