我试图将Bootstrap轮播的标题，标题和选择器元素对齐到左边，然后从上到下均匀分布。因此，标题将位于顶部，之后是标题，指向页面的链接，然后是底部的选择器。
下面是我正在尝试完成的模型的链接。 www.askmestudios.com/files/capture.jpg
以下是给定代码所发生情况的链接。 www.askmestudios.com/files/capture3.jpg
到目前为止，我可以将标题和标题对齐到左边，但在此之后不会发生太多事情。我已经尝试过绝对的位置，而且它的反应非常友好。对于有限的代码我很抱歉，但我尝试的任何东西都没有太大的区别。
<head>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<div class="carousel-inner" role="listbox">
<div class="item active"><img src="img.jpg" alt="First slide image" class="center-block">
<div class="carousel-caption">
<h3 class="h3-hdr">First slide Heading</h3>
<p class="p-hdr">First slide Caption</p>
</div>
</div>
</div>
.h3-hdr {
text-align: left;
top: 0;
bottom: auto;
}
.p-hdr {
text-align: left;
}