morea-framework - How do i add a logo to the right of the nav bar?

Question

I want to add a logo to the top right corner of my morea generated pages. I am not sure which file I need to modify or how, can you please advise?

Answer 1

Morea 基于 Bootstrap 3.3，因此您需要使用这些 CSS 类来提供右对齐徽标。

要插入徽标，您需要修改导航栏中项目的代码，导航栏中位于 core.html 文件中。这是默认导航栏的代码：

https://github.com/morea-framework/core/blob/master/src/_layouts/core.html#L69-L89

您需要做的是在创建右对齐导航栏项目的当前列表之后创建一个新的逐项列表。例如，我从该文件的第 90 行开始在我的本地 Morea 站点之一中插入了这段代码：

<ul class="nav navbar-nav navbar-right">
  <li>LOGO</li>
</ul>

当我重新运行 morea-run-local.sh 时，导航栏看起来像这样：

显然，格式需要帮助，但您可以研究 Bootstrap 3.3 文档以找出显示徽标的最佳方式。祝你好运！