Twitter bootstrap 如何使用引导在灰色背景的文本框左侧显示图像?

Twitter bootstrap 如何使用引导在灰色背景的文本框左侧显示图像?,twitter-bootstrap,Twitter Bootstrap,我想知道如何使用引导在文本框的左边有一个灰色背景的文本?我试图在下面的屏幕截图中复制这个布局,方法是在文本框旁边水平放置一个图像。数字三和四是图像,六和五是文本 就文本而言,我应该使用什么 <div class="container"> <div class="jumbotron"> <h1>Test</h1> <p>Test123</p> </div> <p>This

我想知道如何使用引导在文本框的左边有一个灰色背景的文本?我试图在下面的屏幕截图中复制这个布局,方法是在文本框旁边水平放置一个图像。数字三和四是图像,六和五是文本

就文本而言,我应该使用什么

<div class="container">
  <div class="jumbotron">
    <h1>Test</h1> 
    <p>Test123</p> 
  </div>
  <p>This is some text.</p> 
  <p>This is another text.</p> 
</div>

试验
Test123

这是一些文字。

这是另一个文本。

在我必须在正确的位置输入文本后,我如何才能像下图那样将图像放置在文本的左侧


下面的代码可能就是您要查找的代码。听起来你可以在引导中使用底漆。我会查看w3schools的这个链接。这是免费的,他们有简明的,切中要害的解释,它会让你很快地启动和运行

同时,从以下几点开始:

    <div class="container">
        <div class="row" style="background-color: #aaa;"> <!-- You do not have to use inline styling.  Better to add this styling as a class -->
            <div class="col-md-4">
                <!-- image here -->
            </div>
            <div class="col-md-8">
                <!-- text here -->
            </div>
            <div class="col-md-4">
                <!-- image here -->
            </div>
            <div class="col-md-8">
                <!-- text here -->
            </div>
        </div>
    </div>

下面的代码可能就是您要查找的代码。听起来你可以在引导中使用底漆。我会查看w3schools的这个链接。这是免费的,他们有简明的,切中要害的解释,它会让你很快地启动和运行

同时,从以下几点开始:

    <div class="container">
        <div class="row" style="background-color: #aaa;"> <!-- You do not have to use inline styling.  Better to add this styling as a class -->
            <div class="col-md-4">
                <!-- image here -->
            </div>
            <div class="col-md-8">
                <!-- text here -->
            </div>
            <div class="col-md-4">
                <!-- image here -->
            </div>
            <div class="col-md-8">
                <!-- text here -->
            </div>
        </div>
    </div>


有人能帮帮我吗?有人能帮帮我吗?