请问首页最下面不能靠右对齐是什么问题 -

xiaochang - 2019/11/3 19:37:23

本人菜鸟，自己刚开始试着做一个网站，不知道哪里出问题了，恳请论坛大神指点，网站首页最下面不能靠右对齐，如下图：

16153

hmgy - 2019/11/3 20:10:47

需要修改CSS 才可以

xiaochang - 2019/11/3 23:14:05

楼上的大神能说详细点么，修改哪个CSS？

hmgy - 2019/11/4 0:13:35

找到模版文件夹下的尾部文件FooterPartial.cshtml路径好像是你的模版文件夹名\views\Shared\下
打开模版文件找到如下代码：

<ul class="row text-white">
<li class="col-sm-8 col-xs-12">
<p><span style="font-size: 24px;">公司名</span><br></p><p>地址</p><p>电话</p><p>邮箱：</p>
</li>
<li class="col-sm-4 col-xs-12">
<div class="text-left text-lg-left padding-top-20">
</div>
</li>
</ul>

复制代码

其中

<li class="col-sm-8 col-xs-12">

复制代码

里面的CSS就是定义这个左右的属性的，应该是在base.css里修改，最简单的办法是在UL前面的DIV里加个 align="right 属性就搞定

xiaochang - 2019/11/4 10:14:41

我找到了您说的那个尾部文件，但是我的代码是这样的
@{
    var siteData = Html.SiteData();
}
<footer class="padding-top-30 padding-bottom-40">
    <div class="container">
        <ul class="row text-white">
            <li class="col-sm-8 col-xs-12">
                @Html.Raw(siteData.Footer)
            </li>
            <li class="col-sm-4 col-xs-12">
            </li>
        </ul>
</footer>

<a href="#" id="toTop" style="display: inline;"><span id="toTopHover" style="opacity: 0;"></span>To Top</a>

@Html.LoadScript("js/wow.min.js")
<script type="text/javascript">
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
    };
</script>

可能我之前没说清楚，我截图那个最新资讯和下面的黑色那部分只有屏幕宽度的一半，我想让他们跟屏幕宽度一样。

hmgy - 2019/11/4 10:20:07

你肯定删除了什么代码导致的，默认就是100%的宽度啊你把网址发来看看

xiaochang - 2019/11/4 10:23:51

我就是把首页不需要的栏目删除了一些就变成那样的，我现在是在本地电脑上弄，还没有网址。

xiaochang - 2019/11/4 10:25:35

那个尾部文件FooterPartial.cshtml我是删除了上面的二维码和pageadmin原本的联系方式，其他的就没有动过了。

xiaochang - 2019/11/4 10:27:32

最新资讯之前跟另外一个栏目并列在一起的，各占一半，那个栏目我不需要直接在后台删除了，没有动过代码。

xiyou - 2019/11/4 11:14:22

默认模板的css框架和bootstrap框架很类似，你删除后有些css是需要改动的

xiaochang - 2019/11/4 11:15:47

xiyou大神可以说的具体提点么，哪些css需要改动，怎么改？

xiyou - 2019/11/4 11:31:29

回复 11楼xiaochang的帖子

这个没有办法说，css需要浏览器中调试，你可以先看看bootstrap的栅格样式 https://v3.bootcss.com/css/

PageAdmin网站内容管理系统(CMS)交流论坛