Fatal编程技术网

Twitter bootstrap 3 引导嵌套行问题不在一行中

twitter-bootstrap-3

Twitter bootstrap 3 引导嵌套行问题不在一行中,twitter-bootstrap-3,Twitter Bootstrap 3,我希望图片和L1和L2在一行中。。。 但L2总是在图片的底部。。。 为什么？ 我认为我的嵌套行是正确的。。。可以吗？ 应用 L1 L2 如您所见，一旦此框中有足够的文本，该框将增长滚动条。。。这就是为什么我们 称之为滚动框！您还可以将图像放入滚动框中。 看起来您希望使用更多的 下面是一个示例，用于查看您提供的代码，但使用引导媒体对齐进行了修改 请注意，img响应类已被删除。如果添加，它将使行向左浮动 如果有帮助，请告诉我 .top{ 边缘顶部：10px； } #没有内联样式{ 高度：120

我希望图片和L1和L2在一行中。。。 但L2总是在图片的底部。。。 为什么？ 我认为我的嵌套行是正确的。。。可以吗？ 


应用
L1
L2
如您所见，一旦此框中有足够的文本，该框将增长滚动条。。。这就是为什么我们
称之为滚动框！您还可以将图像放入滚动框中。
看起来您希望使用更多的

下面是一个示例，用于查看您提供的代码，但使用引导媒体对齐进行了修改

请注意，img响应类已被删除。如果添加，它将使行向左浮动

如果有帮助，请告诉我

.top{
边缘顶部：10px；
}
#没有内联样式{
高度：120px；
宽度：100%；
}

L1
L2
如您所见，一旦此框中有足够的文本，该框将增长滚动条。。。这就是为什么我们
称之为滚动框！您还可以将图像放入滚动框中。

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>appLanding</title>
    <link href="../css/bootstrap.css" rel="stylesheet">

</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-1">
            <img src="face-03.jpg" class="img-rounded img-responsive" style="margin-top: 4%">
        </div>
        <div class="col-xs-9 col-xs-offset-2">
            <div class="row">
                <div class="col-xs-12">L1</div>
            </div>
            <div class="row">
                <div class="col-xs-12">L2</div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12" dir="rtl">
            <div style="height:120px;width:100%;overflow:auto;padding: 1%">
                As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we
                call it a scroll box! You could also place an image into the scroll box.
            </div>
        </div>
    </div>
</div>
</body>
</html>