Css 如何设计一个相当简单的引导方案？

我还不熟悉引导，并尝试使用他们的网格系统来布局一些相当简单的东西，但我遇到了困难。以下是我想要的：

基本上，左边是报告的标题。一个登录按钮向右浮动。下面有报告标准的面板。侧边栏包含报告列表，右侧是报告的实际内容

我无法对齐面板等。另一个问题是，在宽屏幕上，面板的宽度在某个宽度处最大

---

我正在寻找一个关于如何做这类事情的提示、示例或好的教程。

这里有一个快速的模型让您开始：

正如@isherwood所提到的，请查看

HTML

<div class="container">
<div class="row-fluid">
    <div class="span12">
        <h3>Report Criteria ....</h3>
        <span class="pull-right btn">login</span>
    </div><!-- end span12 -->
</div> <!-- end row -->

<div class="row-fluid">
    <div class="span3">
        <h3>Category</h3>
        <ul class="side-nav">
            <li>a</li>
        </ul>
    </div><!-- end span3 -->

    <div class="span9">
    <table class="table">
    <!-- table details -->
    </table>
    </div><!-- end span9 -->
</div> <!-- end row -->


</div><!-- end container -->

报告标准。。。。
登录
类别

a

---

希望这能让你开始

这里为你准备的很好：谢谢，这正是我需要的一脚来抚摸整件事。太好了，祝你好运！