Question

如何将2应用下载链接图像放在class="row"？

的中间

<div class="container">
        <div class="row">
            <div class="col-xs-4" style="text-align:right"><img     src="images/bear.png" alt="bear" /></div>
            <div class="col-xs-8 first-row-second-column">
                <div class="row">
                    <h3 class="col-xs-12"  style="text-align:center">Καλώς ήρθατε, στα </h3>
                </div>
                <div class="row">
                    <h3 class="col-xs-12" style="text-align:center">Κάνε σήμερα τη συνδρομή σου και κέρδισε7 ΜΕΡΕΣ ΔΩΡΕΑΝ</h3>
                </div>
                <div class="row">
                    <h3 class="col-xs-12"  style="text-align:center">Αν είσαι στην Ελλάδα στείλε τώρα SMS από το κινητό σου ZOU στο 54790 και μπες στον κόσμο των Ζουζουνιών.</h3>
                </div>
                <div class="row">
                    <h3 class="col-xs-12"  style="text-align:center">Αν ζεις στο εξωτερικό κάνε την συνδρομή σου μέσα από την εφαρμογή.</h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div><img src="images/app_store_logo.png" alt="app_store_logo" /></div>
                <div><img src="images/google_play_logo.png" alt="google_play_logo" /></div>
            </div>
        </div>
    </div>

Answer 1

如果没有样品小提琴或其他东西，我不确定它的外观，但我猜这会给你你想要的东西。

<div class="container">
        <div class="row">
            <div class="col-xs-4" style="text-align:right"><img     src="images/bear.png" alt="bear" /></div>
            <div class="col-xs-8 first-row-second-column">
                <div class="row">
                    <h3 class="col-xs-12"  style="text-align:center">Καλώς ήρθατε, στα </h3>
                </div>
                <div class="row">
                    <h3 class="col-xs-12" style="text-align:center">Κάνε σήμερα τη συνδρομή σου και κέρδισε7 ΜΕΡΕΣ ΔΩΡΕΑΝ</h3>
                </div>
                <div class="row">
                    <h3 class="col-xs-12"  style="text-align:center">Αν είσαι στην Ελλάδα στείλε τώρα SMS από το κινητό σου ZOU στο 54790 και μπες στον κόσμο των Ζουζουνιών.</h3>
                </div>
                <div class="row">
                    <h3 class="col-xs-12"  style="text-align:center">Αν ζεις στο εξωτερικό κάνε την συνδρομή σου μέσα από την εφαρμογή.</h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-4"></div>
            <div class="col-xs-8">
                <img src="images/app_store_logo.png" alt="app_store_logo" />
                <img src="images/google_play_logo.png" alt="google_play_logo" />
            </div>
        </div>
    </div>

这应该通过删除包含它们的div来将两个图像彼此相邻，并使用bootstrap在第二行上创建一个空列，以使上面的一个与熊匹配。如果图像太近，您可能需要在CSS文件中制作边距规则。

Answer 2

添加.pull-right以获得硬右对齐 Bootstrap

中心2使用bootstrap在行内相邻

2 个答案: