我需要一个答案：bootstrap 3 这是申请工作吗？

Posted 2023-03-06

【中文标题】我需要一个答案：bootstrap 3 这是申请工作吗？

【英文标题】：i need an answer please : bootstrap 3 this is for a job applyment?

【发布时间】：2017-01-06 12:12:43

【问题描述】：

为了得到一份工作，招聘要我解决这个问题才能得到这份工作！ 这是问题的html：

<div id="header" class="col-md-12">header</div>


    <div id="content" class="col-md-12 clearfix">
        <img src="1.jpg" class="changeme">
        <img src="2.jpg" class="changeme">
    </div>

<div id="footer" class="col-md-12">footer</div>

这里是问题的CSS：

#header,
       #footer
            width: 100%;
            height: 50px;
            background: red;
            text-align: center;
        

        body img
            float:left;
        
        body img:nth-child(2n)
            float: right;
        `

使用引导程序 3.7.0。

我只能使用一个类！

在这里查看问题： The jsFiddle of the problem

【问题讨论】：

如果这是为了求职面试，您可能应该自己研究答案，而不是外包。你也没有真正说明问题是什么

不要太苛刻，但如果你是那样的人，你就不配得到这份工作。如果他们收留你并给你一个你不知道的任务会怎样？你会再次发帖说你做不到？

你自己做不好会很糟糕吗？如果你被录用时遇到同样的问题你会来要求我们再次为你解决吗？一条建议你自己做如果你被卡住了从这里寻求帮助

顺便说一句...他们要求你做什么？无论如何，这不是一个“代表我编写代码”服务网站，所以我怀疑有人会回答。

公司刚刚在linkedIn上发帖“我们需要一个前端开发人员，用Class***解决这个谜：;”

【参考方案1】：

将img标签中的class改为：

 <img class="pull-left" src="http://uteek.net/test/1.jpg">
<img class="pull-left" src="http://uteek.net/test/2.jpg">

如果这是它需要的 或者你可以改变底部的img标签

【讨论】：

感谢您的帮助，我真的很感激，但是我已经这样做了，我不知道这是否是正确的答案，因为表情符号已完成，但它会向左滑动就像我在之前的评论中提到的那样，我只有一次机会提交我的答案，我真的需要这份工作！

【参考方案2】：

这里有一个jsfiddle。 您只希望通过添加一个类来实现这一点。在第二张图片中添加 pull-left 类，这是固定的。

  <div id="header" class="col-md-12">Header</div>
     <div id="content" class="col-md-12 clearfix">
       <img class="changeme " src="http://uteek.net/test/1.jpg">
       <img class="changeme pull-left" src="http://uteek.net/test/2.jpg">
     </div>
  <div id="footer" class="col-md-12">Footer</div>

【讨论】：

感谢您的帮助，我真的很感激，但我已经这样做了，我不知道这是否是正确的答案我只有一次机会提交我的答案，我真的需要这份工作！

这是否解决了您的问题？

感谢您的帮助，我真的很感激，但是我已经这样做了，我不知道这是否是正确的答案，因为表情符号已完成，但它会向左滑动就像我在之前的评论中提到的那样，我只有一次机会提交我的答案，我真的需要这份工作！

你认为我必须通过将 pull-left 添加到第二个 img 来发布我的答案吗？

非常感谢，我想我会发布这个答案，非常感谢您的帮助！ ^^

【参考方案3】：

我发现我自己的结果只是为了好玩，这里是解决方案：

body img 
    float: left;  

body img:nth-child(2n) 
   float: right;


#contentdisplay:flex;text-align:center;width:100%

.changeme1
   margin-left:auto;float:none;

.changeme2
   margin-right:auto;float:none;