0
我正努力根據水平菜單對齊內容。我使用引導程序網格來製作菜單,菜單中的所有項目都對齊到中心。我不知道如何使下面的內容與左側的「作者」文本的開頭對齊,並且與右側的文本「聯繫人」相同。你可以在下面的圖片上看到我想說的話。紅色是我現在擁有的,藍色是我想要達到的。根據水平菜單對齊內容
這是我的代碼。謝謝你的答案。
菲利普
<div class="container-fluid main">
<div class="row menu">
<div class="col-md-1"></div>
<div class="col-md-2 menu-item nopadding"><a href="autor">A U T O R</a></div>
<div class="col-md-2 menu-item nopadding"><a href="extracts">E X T R A C T S</a></div>
<div class="col-md-2 menu-item nopadding"><a href="portfolio">P O R T F O L I O</a></div>
<div class="col-md-2 menu-item nopadding"><a href="text">T E X T</a></div>
<div class="col-md-2 menu-item nopadding"><a href="contact">C O N T A C T</a></div>
<div class="col-md-1"></div>
</div>
<div class="row no-gutters autor">
<div class="col-md-1"></div>
<div class="col-md-2 nopadding">
<img src="images/autor/1.jpg" class="autor-image">
</div>
<div class="col-md-2"></div>
<div class="col-md-6 autor-text nopadding">
<p>
Jan Dotřel vystudoval Estetiku se zaměřením na teorii fotografie na FF UK. V roce 2016 diplomoval s prací
Transformace kultovní a konceptuální hodnoty v dějinách fotografie. Již od prvního ročníku se soustředil
na fotografickou teorii zastoupenou zejména u autorů jako jsou Geoffrey Batchen, Roland Barthes, Walter Benjamin,
Jaques Derrida, Georges Didi-Huberman, Michel Foucault, nebo Alan Sekula.
</p>
<p>
.....
</p>
</div>
<div class="col-md-1"></div>
</div>
嘗試.row.menu {顯示:彎曲; justify-content:space-between; }您可能需要刪除空白的div。 – Gerard