Question

虽然问题是微不足道的并且多次询问，但是我使用Bootstrap 4可能会产生一些冲突或者有些冲突。

我想要上下两个div，固定到底部。居中对齐文字居中对齐。

这是代码：

            <div class="row ">
                <div class="myfooter text-center" style="display: inline-table;">
                    <div class="col-lg-12 col-md-12 ">
                        <div class="col-lg-6 col-md-6">
                            <span class='label label-default'>Copyright &copy; 2018 Some Institute of Sciences, City, Country</span>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <span class='label label-default'>Developed By: Our Technologies (Pvt.) Ltd.</span>
                        </div>
                    </div>
                </div>
            </div>

风格是：

.myfooter {
        position: fixed;
        height: 30px;
        bottom: 0;
        width: 100%;
        background-color: #21262929;
    }

的问题： 如果我将style="display: inline-table;"更改为block之类的其他内容，其中一个div就会消失。

由于我不是设计师所以请准备好使用。感谢

注意：Bootstrap页脚类引起了一些问题，我无法追踪。

Answer 1

你可以这样做：

@section Scripts {

    <environment names="Development">
        <script type="text/javascript" src="@Url.Content("~/js/Home/yourpagescript.js")" asp-append-version="true"></script>
    </environment>
    <environment names="Staging,Production">
        <script type="text/javascript" src="@Url.Content("~/js/Home/yourpagescript.min.js")" asp-append-version="true"></script>
    </environment>
}

.myfooter {
  background-color: #21262929;
}

最好的建议是阅读有关boostrap works的更多信息，并查看utilities classes，以避免添加自己的风格。

在页脚中上下对齐两个div

1 个答案: