利润产生不同的效果

如果你看，有两个箱子。一个说“开始”，一个说“免费试用”。这里是我用来生成它们的HTML：

<div style="margin-top:-100px"> 
     <span style="margin-right:525px;font-size:18px;font-weight:bold;color:white;">Make money for a referral</span> 
     <span style="margin-left:-15px;font-weight:bold;font-size:18px;color:white;">Hire the best candidate</span> 
     <h5> 
      <img src="images/bluuhorn.png" class="fa-image" style="margin-bottom:15px;padding:3px 0 0 0;width:140px;height:137px;">&nbsp;&nbsp; 
      <span style="font-size:20px;color:white;margin-right:205px;margin-left:205px">Explainer Video</span>&nbsp;&nbsp; 
      <img src="images/Company.png" class="fa-image" style="margin-bottom:15px;padding:3px 0 0 0;width:140px;height:137px"> 
     </h5> 
    </div>        
</div> 
</div> 
</div> 
<div> 
    <button class="btn btn-secondary" style="background-color:#25AAE1;width:245px;height:42px;margin-left:150px"><span style="color:white;font-size:18px">GET STARTED</span></button> 
    <button class="btn btn-secondary" style="background-color:#25AAE1;width:245px;height:42px;margin-left:470px"><span style="color:white;font-size:18px">TRY IT FREE</span></button> 
</div>

显然，这是不会在每个显示器上工作。我想它是由于利润。我如何解决这个问题，使它出现在每个显示器上？答：我期望它直接位于酒吧下方。 B）我预计问题是将margin-left设置为某些像素，并且不会在每种类型的显示器上正确布局。

我希望图像直接位于以按钮为中心。不幸的是，我使用边距来设置按钮，这导致了问题。

来源

2014-09-24 jkushner

请详细说明“这不适用于每台显示器”，即 - 请告诉我们：a）您期望它做什么以及b）您期望的问题是什么。 – 2014-09-24 00:25:55

另请注意：大多数人不会点击另一个网站以查看问题。 1）网上有太多的点击诱饵/垃圾邮件，我们已经变得非常敏感2）堆栈溢出问题应该*完整*本身。链接过时了，我们希望问题仍然是有效和有用的，即使在那之后....所以...这就是为什么我要求你把所有相关信息放入你的问题:) – 2014-09-24 00:28:18

在这个页面上，我可以直接在底下看到任何东西都没有酒吧（记住，我*不*点击链接）。请作出你的解释，好像我从未看过你的主页（我没有看过）。什么都不假。 :) – 2014-09-24 00:50:12

当宽度降至〜1100像素以下时，网站存在一系列问题。您在边距中定义了太多的绝对宽度，以使这些组件适用于所有窗口大小。

该网站已经使用Bootstrap框架构建。因此，请阅读如何设置列和行，并将顶部的元素放入列中以使这些内容正确流动。

来源

2014-09-24 00:39:54 Alex

它的自定义工作，所以我不认为它将与引导工作。有没有办法来处理这个习俗？ – jkushner 2014-09-24 01:29:50

Bootstrap就是框架，意思就是构建模块。您可以在其上编写任何自定义代码，以使您的网站的功能和外观完全符合您的要求。 – Alex 2014-09-24 01:31:38

好的，我用col-md-6，现在我需要将图像下方的元素居中。我如何使用自定义代码来居中创建的列。你可以在网站上看到酒吧。 – jkushner 2014-09-24 01:46:46

利润产生不同的效果

回答

相关问题