0

我对 twitter bootstrap 没有太多经验，但是有这么多好评，我决定将它用于我正在从事的一个新项目。

我想知道如何使用这个宽度为 1170 像素的新引导程序获得像素完美的网格。你们是怎么处理的？

我现在处于设计阶段，当我使用引导程序构建它时，我不能确保它能够正常工作，我发现的唯一问题是我无法获得宽度为 12 的偶数列1170 像素。

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

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

干杯，泰雷兹

4

2 回答 2

0

从头开始仔细阅读bootstrap的文档。Bootstrap 3-网格

如果您已阅读，请尝试 

    <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 列的完美像素，那么你必须像上面一样定义一个带有“col-md-1”类的 div 十二次。

从 Bootstrap 3 入门开始阅读

于 2014-02-07T11:00:42.057 回答
0

尝试在 Photoshop 中使用 x2 尺寸设计，您可以摆脱 0.5 像素，并且可以在需要时导出视网膜资产；）对于测试人员来说，使用它们也很容易。

于 2016-02-17T11:37:57.197 回答