Css 引导-缩略图未水平对齐
我正在学习引导,我正在使用缩略图,当我放置一个图像时,它不会水平对齐。但是,如果我只使用标题,它会正确对齐。当我检查其他问题时,他们说我应该将图像放入div标记中,我这样做了,但它没有正确对齐。任何帮助都将不胜感激 对不起,我的英语不好 我的代码:Css 引导-缩略图未水平对齐,css,asp.net,twitter-bootstrap,Css,Asp.net,Twitter Bootstrap,我正在学习引导,我正在使用缩略图,当我放置一个图像时,它不会水平对齐。但是,如果我只使用标题,它会正确对齐。当我检查其他问题时,他们说我应该将图像放入div标记中,我这样做了,但它没有正确对齐。任何帮助都将不胜感激 对不起,我的英语不好 我的代码: <!-- beginning of row 1--> <div class="row"> <!-- beginning of thumbnail 1-->
<!-- beginning of row 1-->
<div class="row">
<!-- beginning of thumbnail 1-->
<div class="col-lg-4">
<div class="thumbnail">
<img src="img/h1.jpg" />
<div class="caption">
<h3>Lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo deserunt, minima quisquam nesciunt, mollitia doloribus minus rem consectetur autem nobis ab vel assumenda perspiciatis quae quasi sunt eius, reiciendis expedita!</p>
<asp:Button runat="server" Text="Learn More" CssClass="btn btn-lg btn-primary"/>
</div>
</div>
</div>
<!-- end of thumbnail 1 -->
<!-- beginning of thumbnail 2-->
<div class="col-lg-4">
<div class="thumbnail">
<img src="img/h2.jpg" />
<div class="caption">
<h3>Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo deserunt, minima quisquam nesciunt, mollitia doloribus minus rem consectetur autem nobis ab vel assumenda perspiciatis quae quasi sunt eius, reiciendis expedita!</p>
<asp:Button runat="server" Text="Learn More" CssClass="btn btn-lg btn-primary"/>
</div>
</div>
</div>
<!-- end of thumbnail 2 -->
<!-- beginning of thumbnail 3-->
<div class="col-lg-4">
<div class="thumbnail">
<img src="img/h3.jpg" />
<div class="caption">
<h3>Dolor</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo deserunt, minima quisquam nesciunt, mollitia doloribus minus rem consectetur autem nobis ab vel assumenda perspiciatis quae quasi sunt eius, reiciendis expedita!</p>
<asp:Button runat="server" Text="Learn More" CssClass="btn btn-lg btn-primary"/>
</div>
</div>
</div>
<!-- end of thumbnail 3 -->
</div>
<!-- end of row 1-->
洛勒姆
Lorem ipsum dolor sit amet,奉献精英。尼莫·德斯奎姆·奈斯奎特(Nemo Destrunt),最小值,多洛里巴斯(mollitia doloribus)减去人类的连续快速眼动(rem),这应该是一种清晰的、快速的解释
将您的代码放到jsfiddle.net中,只有当我能看到差异时,我才会帮助您。嗨,将图像调整到相同的宽度。现在您正在使用不同大小的图像,对所有3个图像使用相同的高度和宽度。例如(250*200),我将图像调整为相同大小。但它仍然是这样表现的。我尝试过其他图像,但它仍然显示为那样。@dragos.bd,抱歉,我无法将其粘贴到JSFIDLE上,它是“asp.net”代码,这就是我包含图片的原因。