首页 > 解决方案 > 在 django 服务器中运行时 html 模板的 css 问题

问题描述

我从themforest为我的django应用程序购买了一个社交媒体模板,该html模板非常完美,无需运行任何服务器,但在集成和运行服务器后,用户界面出现了一些问题

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

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

标签: htmlcssdjangodjango-templates

解决方案


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

我想这可能是问题所在。

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


推荐阅读