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

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

请问首页最下面不能靠右对齐是什么问题 [复制链接]

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

分享 转发
TOP
2#

需要修改CSS 才可以
TOP
3#

楼上的大神能说详细点么,修改哪个CSS?
TOP
4#

找到模版文件夹下的尾部文件FooterPartial.cshtml路径好像是  你的模版文件夹名\views\Shared\下
打开模版文件找到如下代码:
  1. <ul class="row text-white">
  2.             
  3. <li class="col-sm-8 col-xs-12">

  4. <p><span style="font-size: 24px;">公司名</span><br></p><p>地 址</p><p>电 话</p><p>邮 箱:</p>
  5.             
  6. </li>
  7.             
  8. <li class="col-sm-4 col-xs-12">

  9. <div class="text-left text-lg-left padding-top-20">

  10. </div>
  11.             
  12. </li>
  13.         
  14. </ul>
复制代码
其中
  1. <li class="col-sm-8 col-xs-12">
复制代码
里面的CSS就是定义这个左右的属性的 ,应该是在base.css里修改,最简单的办法是在UL前面的DIV里加个 align="right 属性就搞定
TOP
5#

我找到了您说的那个尾部文件,但是我的代码是这样的
@{
    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>
<!--[if lte IE 9]>
<script type="text/javascript">
    CheckInternetExplorer();//检测低版本ie
</script>
<![endif]-->
可能我之前没说清楚,我截图那个最新资讯和下面的黑色那部分只有屏幕宽度的一半,我想让他们跟屏幕宽度一样。
TOP
6#

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

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

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

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

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

xiyou大神可以说的具体提点么,哪些css需要改动,怎么改?
TOP
12#

回复 11楼xiaochang的帖子

这个没有办法说,css需要浏览器中调试,你可以先看看bootstrap的栅格样式 https://v3.bootcss.com/css/
TOP
发新话题 回复该主题