在 django 服务器中运行时 html 模板的 css 问题

Question

我从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 行 但如果你想让我添加它，我只需编辑和更新问题

Answer 1

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

我想这可能是问题所在。

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

Answer 2

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