问引导对齐(封面模板)
EN

Stack Overflow用户

提问于 2021-01-30 12:46:34

回答 1查看 63关注 0票数 0

我正在尝试对齐上显示的图书列表

离开而不移动navigation bar/menu。下面是我的代码。有人能告诉我，我需要在下面的代码中进行哪些更改才能将列表向左对齐？我使用了一个名为“Cover”的Bootstrap模板。提前感谢！

<body>
    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
        <header class="masthead">
            <div class="inner">
                <nav class="nav nav-masthead justify-content-end">
                    <a class="nav-link" href="#">Home</a>
                    <a class="nav-link active" href="#">Reading list</a>
                    <a class="nav-link" href="#">Meetings</a>
                    <a class="nav-link" href="#">Book summaries</a>
                </nav>
            </div>
        </header>
        <div>
            <h3>2021</h3><br>
            <h4>March</h4>
            <p><cite>The Laws of Human Nature</cite> by Robert Greene
                <br><cite>The Innovators: How a Group of Hackers, Geniuses and Geeks Created the Digital
                    Revolution</cite> by Walter Isaacson
            </p>
            <hr>
            <h4>February</h4>
            <p><cite>The Upstarts: How Uber, Airbnb, and the Killer Companies of the New Silicon Valley Are Changing the
                    World</cite> by Brad Stone
                <br><cite>The Raw Youth</cite> by Fyodor Dostoyevsky
            </p>
            <hr>
            <h4>January</h4>
            <p><cite>The Minto Pyramid Principle: Logic in Writing, Thinking, & Problem Solving</cite> by Barbara Minto
            </p>
        </div>
</body>

html

css

回答 1

Stack Overflow用户

发布于 2021-01-30 18:31:09

使您的导航栏div成为一个单独的容器，即在开始您的图书列表之前关闭它，然后将所有图书内容包装在一个带有“div - div”类的容器中。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65964727

复制

相似问题

问引导对齐(封面模板)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导对齐(封面模板)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导对齐(封面模板)
EN