Css 引导-缩略图未水平对齐

Css 引导-缩略图未水平对齐,css,asp.net,twitter-bootstrap,Css,Asp.net,Twitter Bootstrap,我正在学习引导,我正在使用缩略图,当我放置一个图像时,它不会水平对齐。但是,如果我只使用标题,它会正确对齐。当我检查其他问题时,他们说我应该将图像放入div标记中,我这样做了,但它没有正确对齐。任何帮助都将不胜感激 对不起,我的英语不好 我的代码: <!-- beginning of row 1--> <div class="row"> <!-- beginning of thumbnail 1-->

我正在学习引导,我正在使用缩略图,当我放置一个图像时,它不会水平对齐。但是,如果我只使用标题,它会正确对齐。当我检查其他问题时,他们说我应该将图像放入div标记中,我这样做了,但它没有正确对齐。任何帮助都将不胜感激 对不起,我的英语不好

我的代码:

<!-- 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”代码,这就是我包含图片的原因。