如何解决“列与其他列的高度相同?”

时间:2019-05-01 04:13:10

标签: gwtbootstrap3

我想使用引导程序对齐此图像和文本。我想修复此列的高度,但我不能:(如何解决此问题?非常感谢!

这是屏幕截图:)

http://prntscr.com/niyvr

<div class="the-bugs">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="row" id="bugs-left">
                                <div class="col-md-3">
                                    <div class="bug">
                                        <a href="#">
                                            <img src="<?php echo home_url(); ?>/wp-content/uploads/2018/07/ant1-img.png"><br>
                                            <span>ANTS</span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="bug">
                                        <a href="#">
                                            <img src="<?php echo home_url(); ?>/wp-content/uploads/2018/07/spider-img.png">
                                            <span>SPIDER</span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="bug">
                                        <a href="#">
                                            <img src="<?php echo home_url(); ?>/wp-content/uploads/2018/07/rat-1.png">
                                            <span>RATS & MICE</span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="bug">
                                        <a href="#">
                                            <img src="<?php echo home_url(); ?>/wp-content/uploads/2018/07/other-bug-1.png">
                                            <span>OTHER BUGS</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>

0 个答案:

没有答案