html - Bootstrap div，图像旁边是另一个 div

Question

我正在尝试做下一件事:

所以我试了一下:

http://jsfiddle.net/7ewrM/22/

<div class="container">
    <div class="row-fluid">
        <div class="col-xs-4">
            <div class='img-container'>
                <img src='http://graph.facebook.com/112845672063384/picture?type=square' />
                <div class='img-text'>Mark zuckerberg</div>
            </div>
        </div>
        <div class="col-xs-8">
            some text
        </div>
    </div>
</div>

感谢任何帮助!

Answer 1

.container {
    border: 1px solid red;
    padding: 0;
}
.img-container{
    padding: 0 10px;
}
.imggg {
    display: inline-block;
    width: 25%;
    padding: 10px;
    border-right: 1px solid red;
}
.text {
    width: 70%;
    display: inline-block;
}
.marc-zuckerberg{
    border-top: 1px solid red;
    width: 100%
    display:inline-block;
}



<div class="container">
    <div class='img-container'>
        <div class="imggg">
            <img src='http://graph.facebook.com/112845672063384/picture?type=square' />
        </div>
        <div class='text'>text</div>
    </div>
    <div class='marc-zuckerberg'>Mark zuckerberg</div>
</div>

给你:http://jsfiddle.net/7ewrM/24/