像素完美网格

我没有太多关于twitter bootstrap的经验，但有了这么多好评，我决定将它用于我正在开发的一个新项目。像素完美网格

我想知道如何才能得到一个像素完美的网格与1170px宽度的这种新的bootstrap。你们如何处理这个问题？

我现在处于设计阶段，我不能确保它能正常工作，当我用bootstrap构建它时，我发现的唯一问题是我无法获得12个连列宽度为1170px。

我的意思是网格不是像素完美的是，列是不均匀的，其中一些是比其他更宽。

让我知道你们是否有任何建议来解决这个问题。

干杯，泰雷兹

来源

2014-02-07 Thales Ribeiro

从一开始仔细阅读引导的文档。 Bootstrap 3- Grid

如果您已经阅读然后尝试

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

如果你想完美的12个coloumns像素，那么你必须与类“COL-MD-1”如上定义一个div 12次。

阅尽在引导入门3

来源

2014-02-07 11:00:42 Karthikeyan

尝试使用在Photoshop X2尺寸设计，你摆脱0.5像素，并且如果需要的话可以视网膜资产输出;）这是很容易的测试他们的工作太。

来源

2016-02-17 11:37:57

像素完美网格

回答

相关问题