具有2列的框,固定文本长度以匹配列宽

时间:2018-08-05 07:30:16

标签: php html css button

我如何获得一个有2列的盒子。第1列适合其中的文本,第2列具有“联系人”按钮。现在,我的代码将按钮放置在文本下方。我想要2列的原因是因为我希望文本的长度仅适合其列。还是有一个简单的方法。使用引导程序3.3.7。谢谢。

 <div class="container c2">
    <div class="row">
         <?php
            include('dbcon.php');

            $state="Johor";
            $query = "SELECT * from mhc_donee where donee_state='$state'";
            $result = mysqli_query($con,$query);
            if($result){
            while($row = mysqli_fetch_array($result)){
                echo ' <div class="col-md-4 col-xs-6">
                    <div class="row">
                    <img src="images/'.$row["donee_image"].'" class="img-responsive img-thumbnail">
                    </div>
                    <div class="row">
                    <p>' . $row["donee_name"] . '</p>
                    <p>' . $row["donee_address"] . '</p>
                    </div>
                    <div class="row">
                    <button class="btn btn-default">CONTACT</button>
                    </div>
                </div>';
                }
            }
        ?>
    </div>
</div>

enter image description here

1 个答案:

答案 0 :(得分:0)

尝试这样的事情:

String

您可以根据需要进一步调整网格。