bootstrap中流布局hero-unit的设置

<div class="container-fluid">

    <div class="row-fluid">

        <div class="span2">

            <div class="well sidebar-nav">

                <ul class="nav nav-list">

                    <li><a href="#">管理班级</a></li>

                    <li><a href="#">管理讲师</a></li>

                    <li><a href="#">管理班主任</a></li>

                    <li><a href="#">管理主题</a></li>

                    <li><a href="#">管理延伸阅读</a></li>

                    <li><a href="#">管理视频</a></li>

                    <li><a href="#">管理课程体系</a></li>

                </ul>

            </div>

        </div>

        <div class="span10">

            <div class="hero-unit">

                <iframe class="frame" src="admin_subject.html" name="frame">

                </iframe>

            </div>
        </div>

</div>

因其在css中已经设置好，但自己使用可能要另外的格式，我们可以自己手动设置其内部样式：

.hero-unit {

            padding: 0px;

            margin-bottom: 0px;

            height: 545px;

        }

这样都可以使其改变成自己需要的样式。