Css jumbotron，左侧居中文本，右侧图像

在下面的代码中，我试图将列表组垂直和水平居中放置在图像左侧

        <div class="jumbotron">
            <div class="row">
                <div class="col-lg-6">
                    <ul class="list-group center-list">
                        <li class="list-group-item">something here</li>
                        <li class="list-group-item">something here</li>
                        <li class="list-group-item">something here</li>
                    </ul>
                </div>                              
                <div class="col-lg-6">
                    <img src="images/ModelBack.png" class="pull-right">
                </div>               
            </div>

这里有些东西
这里有些东西
这里有些东西

我创建了“中心列表”类，并尝试了以下几个带有类似问题的示例，但我的CSS明显不足。

这对我很有效：

<div class="jumbotron">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h1>Big Test</h1>
                <h2>Little Test</h2>
            </div>
            <div class="col-md-6">
                <img src="img.jpg" />
            </div>
        </div>
      </div>
</div>

重大考验
小测验

你在jumbtron上丢失了一个结束标记，也许这就是问题所在

<div class="jumbotron">
            <div class="row">
                <div class="col-lg-6">
                    <ul class="list-group center-list">
                        <li class="list-group-item">something here</li>
                        <li class="list-group-item">something here</li>
                        <li class="list-group-item">something here</li>
                    </ul>
                </div>                              
                <div class="col-lg-6">
                   <img src=""></img>
                </div>               
            </div>
</div>

这里有些东西
这里有些东西
这里有些东西

---

现在试试；）

如果你有图像宽度的问题，只需将其添加到一个类中，并将宽度设置为100%，它将是你的100%宽度