Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当.img响应类被添加到我的图像中时,它们会堆叠在一起,有什么原因吗?_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 当.img响应类被添加到我的图像中时,它们会堆叠在一起,有什么原因吗?

Html 当.img响应类被添加到我的图像中时,它们会堆叠在一起,有什么原因吗?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,所以我试图让这个布局正确和响应,它在我的lg和md布局上看起来不错,但sm和xs布局意味着图像不能放在一行上。因此,我在这些图像中添加了.img响应类,希望它们能够根据页面的大小调整大小,但它不是这样工作的,它只是将图像堆叠在另一个图像之上?有什么想法吗 <div class="row" style="padding-top: 20px;"> <div class="col-lg-3 col-md-2 col-sm-1 col-xs-1" style="padd

所以我试图让这个布局正确和响应,它在我的lg和md布局上看起来不错,但sm和xs布局意味着图像不能放在一行上。因此,我在这些图像中添加了.img响应类,希望它们能够根据页面的大小调整大小,但它不是这样工作的,它只是将图像堆叠在另一个图像之上?有什么想法吗

<div class="row" style="padding-top: 20px;">
        <div class="col-lg-3 col-md-2 col-sm-1 col-xs-1" style="padding0left: 0px; padding-right: 0px;"></div>
        <div class="col-lg-6 col-md-8 col-sm-10 col-xs-10" style="padding-left: 0px; padding-right: 0px;">
            <div class="row">
                <span>
                    <img class="img-circle img-responsive" src="images/195x195.png">
                    <img class="img-circle img-responsive" src="images/195x195.png">
                    <img class="img-circle img-responsive" src="images/195x195.png">
                </span>
            </div>
            <div class="row">
                <p style="padding-top: 20px; padding-left: 10px; padding-right: 10px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean                           commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam                         felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec,                           vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer                         tincidunt. Cras dapibus.</p>
            </div>


        </div>
        <div class="col-lg-3 col-md-2 col-sm-1 col-xs-1" style="padding-left: 0px; padding-right: 0px;>"></div>
      </div>

Lorem ipsum Door sit amet,Concertetuer Adipsing Elite。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem。这是一个很好的例子。Donec pede justo、fringilla vel、aliquet nec、vulputate eget、arcu。在埃尼姆·胡斯托、朗卡斯·乌特、伊佩拉、维尼那提斯·维塔、胡斯托。猫咪的口头禅是一种很好的口头禅。整数tincidunt。克拉斯·达皮布斯


img应答器必须关闭:)



试试看,告诉我消息:)

img应答器必须靠近:)



试试看,然后告诉我新闻:)

。img responsive意味着它将缩放到父元素。如果没有任何代码,就不可能准确地知道发生了什么或如何帮助您。是的,由于某些原因,我的代码片段没有正确显示,它现在就在那里!你也可以添加你的CSS吗?我的CSS中有很多东西,但是我看不到任何相关的东西,你希望我添加它吗?你的CSS是做什么的。row.img-responsive意味着它将扩展到父元素。如果没有任何代码,就不可能准确地知道发生了什么或如何帮助您。是的,由于某些原因,我的代码片段没有正确显示,它现在就在那里!你也可以添加你的CSS吗?我的CSS中有很多东西,但是我看不到任何相关的东西,你想让我添加它吗?你的CSS是做什么的。Row非常确定img不需要关闭:哦,对不起,我从中学到:/,你能发布一点你的愿望吗?请确认:,至少尝试关闭img:)并提供新闻您刚刚给我发送了一个问题的链接,其中得票最多的答案是,如果您使用的是HTML 5,那么您不必关闭img,而另一个在HTML 5中不需要,但仍然可以使用?非常确定img不需要关闭:嗯,对不起,我从中了解到:/,你能把你的愿望画出来吗?请确认:,至少尝试使用closed img:)并提供新闻您刚刚给我发送了一个问题的链接,其中得票最多的答案表示,如果您使用HTML 5,则不必关闭img,而HTML 5中不需要另一个,但仍可使用?
<img src="LOLILU.jpg" />