Question

我正在使用Bootstrap来设计网页。由于许多人使用大屏幕，我更喜欢网页，其中内容以两侧的一些空白为中心。这个页面就是一个例子：

https://www.nhstateparks.org/visit/state-parks/dixville-notch-state-park.aspx

我试图制作这样的设计：

    <div class="container-fluid text-center">
        <div class="row content">
             <!--Uses an offset to get white space on left   -->
            <div class="col-sm-2 col-md-offset-2">
                Sidebar with some links
            </div>
            <div class="col-sm-6">
                Main content
            </div>
            <div class="col-sm-2">
            <!--This is added only to get white space on right  -->
            </div>
        </div>
    </div>

但我希望页面的行为与此页面相同。缩小页面时，它会在开始缩放内容之前“左右”使用左侧和右侧的空白区域。我看到stackoverflow.com也这样做了。它不会在使用两侧的空白区域之前开始缩放内容。

Answer 1

将print(count_atoms(molecule)) {'Se': 1, 'Pu': 2, 'N': 1, 'C': 2}类替换为container-fluid类。

container

两侧带有白色空间的Bootstrap设计

1 个答案: