在BS4 ekko-lightbox中对齐页脚文本

Question

我正在尝试将文字对齐到左边的ekko-lightbox（BS4）data-footer。它是默认正确对齐的。灯箱建立在BS4的Modal上，因此灯箱的data-footer属性似乎成为Modal的modal-footer。但是，无论我尝试应用什么CSS类，我似乎都无法将页脚文本向左移动。我尝试了一系列的事情，包括在页脚文本周围写入<span>的自定义类，以及应该影响modal-footer容器内任何ekko-lightbox的自定义类。没有骰子。你知道解决方案吗？谢天谢地！

Answer 1

modal-footer正在使用弹性框，justify-content设置为flex-end。将其更改为flex-start，您的文字将与左侧对齐。它基本上是在容器右侧启动flex，因此文本看起来是正确的（当它实际上是左对齐的时候）。

附件是我在检查器中进行的更改的屏幕快照，该更改在左侧启动弹性，在视觉上为您的案例完成左对齐文本。

代码调整：

.modal-footer {
   justify-content: flex-start;
}

更改为 flex-start

时的呈现方式

如何呈现未改变的效果。

请注意，在两个示例中都留有text-align。