트위터 부트 스트랩에 대한 경험이별로 없지만, 많은 리뷰를 통해 나는 새 프로젝트에 사용하기로 결정했습니다.픽셀 퍼펙트 그리드
1170px 너비를 가진이 새로운 부트 스트랩으로 어떻게 픽셀 완벽한 격자를 얻을 수 있는지 궁금합니다. 너희들은 어떻게 그 일을합니까?
지금은 설계 단계에 있으며, 부트 스트랩으로 빌드 할 때 제대로 작동하는지 확인하지 않으려 고합니다. 문제는 내가 찾은 유일한 문제는 12 개의 짝수 열을 얻을 수 없다는 것입니다. 너비는 1170px입니다.
픽셀이 완벽하지 않은 그리드가 의미하는 것은 열이 균일하지 않다는 것입니다. 그 중 일부는 다른 것보다 넓습니다.
혹시이 문제를 해결할 제안이 있으면 알려주십시오.
건배, 탈레스
은 시작 부분에서 조심스럽게 부트 스트랩의 설명서를 참조하십시오. 당신이 12 coloumns의 완벽한 픽셀을 원하는 경우 다음 읽을
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="assets/css/bootstrap.css" rel="stylesheet" media="screen" />
</head>
<body>
<div class="row">
<div>
<div class="col-md-1" style="background-color:red; height:45px;"></div>
<div class="col-md-1" style="background-color:white; height:45px;"></div>
<div class="col-md-1" style="background-color:red; height:45px;"></div>
<div class="col-md-1" style="background-color:white; height:45px;"></div>
<div class="col-md-1" style="background-color:red; height:45px;"></div>
<div class="col-md-1" style="background-color:white; height:45px;"></div>
<div class="col-md-1" style="background-color:red; height:45px;"></div>
<div class="col-md-1" style="background-color:white; height:45px;"></div>
<div class="col-md-1" style="background-color:red; height:45px;"></div>
<div class="col-md-1" style="background-color:white; height:45px;"></div>
<div class="col-md-1" style="background-color:red; height:45px;"></div>
<div class="col-md-1" style="background-color:white; height:45px;"></div>
</div>
</div>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script src="assets/js/dropdown.js"></script>
</body>
</html>
을 시도 할 경우 Bootstrap 3- Grid
는 위와 같이 열두 시간의 클래스 "COL-MD-1"로 사업부를 정의해야합니다. 에서
마십시오 읽기 부트 스트랩에 시작 3
포토샵의 2 배 크기의 디자인을 사용하려고하면 0.5 픽셀을 제거하고 필요한 경우 자산 망막 내보낼 수 있습니다) 이 테스터에 대한 그들의 작업에 충분히 쉽다 너무.