html - 如何将文本彼此相邻对齐

Question

我不知道如何在列内对齐文本。我尝试的是：

<div className="row">
  <div className="col-md-3 property">
        <div className="card shadow">
            <img className="card-img-top" alt="Image 1" src={("./Components/Images/slide-image1.jpg")}></img>
            <div className="card-body">
                <h5 className="card-title">Info</h5>
                <div className="row">
                    <div className="col-md-6">
                        <h3>$ 500</h3>
                    </div>
                    <div className="col-md-3">
                        <span className="badge badge-warning">Villa</span>
                    </div>
                    <div className="col-md-3">
                        <button className="btn btn-details btn-sm text">View Details</button>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

这是一个嵌套行，但我无法让它工作。我怎样才能$ 500 villa button彼此对齐？

标签： htmlcsstwitter-bootstrap

Answer 1

您不需要那些额外的列。只需将所有文本放在行内并放在float: left元素上即可。