【问题标题】:css issues with html template while running in django server在 django 服务器中运行时 html 模板的 css 问题
【发布时间】:2019-11-23 18:47:45
【问题描述】:

我从themforest 为我的django 应用程序购买了一个社交媒体模板 html 模板在没有运行任何服务器的情况下是完美的,但是在集成和运行服务器之后,UI 出现了一些问题

我已尝试检查所有静态文件,但一切似乎都很好

newsfeed.html

    <footer id="footer">

  <div class="container">
    <div class="row">
      <div class="footer-wrapper">
        <div class="col-md-3 col-sm-3">
          <a href=""><img src="{% static 'images/logo-black.png' %}" alt="" class="footer-logo" /></a>
          <ul class="list-inline social-icons">
            <li><a href="#"><i class="icon ion-social-facebook"></i></a></li>
            <li><a href="#"><i class="icon ion-social-twitter"></i></a></li>
            <li><a href="#"><i class="icon ion-social-googleplus"></i></a></li>
            <li><a href="#"><i class="icon ion-social-pinterest"></i></a></li>
            <li><a href="#"><i class="icon ion-social-linkedin"></i></a></li>
          </ul>
        </div>
        <div class="col-md-2 col-sm-2">
          <h5>For individuals</h5>
          <ul class="footer-links">
            <li><a href="">Signup</a></li>
            <li><a href="">login</a></li>
            <li><a href="">Explore</a></li>
            <li><a href="">Finder app</a></li>
            <li><a href="">Features</a></li>
            <li><a href="">Language settings</a></li>
          </ul>
        </div>
        <div class="col-md-2 col-sm-2">
          <h5>For businesses</h5>
          <ul class="footer-links">
            <li><a href="">Business signup</a></li>
            <li><a href="">Business login</a></li>
            <li><a href="">Benefits</a></li>
            <li><a href="">Resources</a></li>
            <li><a href="">Advertise</a></li>
            <li><a href="">Setup</a></li>
          </ul>
        </div>
        <div class="col-md-2 col-sm-2">
          <h5>About</h5>
          <ul class="footer-links">
            <li><a href="">About us</a></li>
            <li><a href="">Contact us</a></li>
            <li><a href="">Privacy Policy</a></li>
            <li><a href="">Terms</a></li>
            <li><a href="">Help</a></li>
          </ul>
        </div>
        <div class="col-md-3 col-sm-3">
          <h5>Contact Us</h5>
          <ul class="contact">
            <li><i class="icon ion-ios-telephone-outline"></i>+1 (234) 222 0754</li>
            <li><i class="icon ion-ios-email-outline"></i>info@thunder-team.com</li>
            <li><i class="icon ion-ios-location-outline"></i>228 Park Ave S NY, USA</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="copyright">
    <p>Thunder Team © 2016. All rights reserved</p>
  </div>
    </footer>

http://mythemestore.com/friend-finder/newsfeed.html这是不集成django服务器的样子

这就是它与 django 服务器集成后的样子

我没有添加任何与此模板相关的 css 代码,因为 css 代码超过 1000 行 但如果你想让我添加它,我只需编辑和更新问题

【问题讨论】:

  • 在 settings.py 文件上发送你的静态文件连接
  • 我该怎么做

标签: html css django django-templates


【解决方案1】:

打开 chrome 开发者控制台并重新加载页面。检查您是否有某种与 css 相关的错误或警告。

我想这可能是问题所在。

css-not-loading-wrong-mime-type-django

【讨论】:

  • 没有与css相关的警告
【解决方案2】:

当您使用主题时,您必须在模板中包含所有必需的样式。您可以看到样式丢失了。此外,不用担心 1000 行 css。缩小和压缩后并不多。

【讨论】:

  • 一个文件都没有丢失,但 UI 还是一样的
猜你喜欢
  • 1970-01-01
  • 2017-05-31
  • 2018-06-23
  • 2017-02-19
  • 1970-01-01
  • 2011-10-14
  • 2021-07-11
  • 2023-02-15
  • 2017-10-24
相关资源
最近更新 更多