Question

我正在制作一个博客类型的网页来练习一些web.py.我做了一个粗略的html文件，我尝试应用CSS引导程序/模板，但它不再适用于我。这本质上是主页的HTML。

` 家庭饲料

个人资料

消息

朋友

社区

def getVariablesClass(inst):
var = []
cls = inst.__class__
for v in cls.__dict__:
    if not callable(getattr(cls, v)):
        var.append(v)

return var

我不确定是否正确粘贴，但应该应用我拥有的CSS配置文件，但是当我运行应对时，HTML会显示原始和未样式。有谁知道为什么？

编辑：here是我得到的，而here就是它应该是什么样的。

Answer 1

您确定要包含引导程序的CSS文件吗？

即使您提供了html元素引导类，您仍然需要来加载引导程序以使样式生效。

在下面的示例中，我使用以下方法加载了bootstrap：

 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

您可能也可能不想这样做。 include bootstrap files with your html有很多方法。

我没有编辑您的HTML。我只在顶部加载了bootstrap。

这是你想要的吗？

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

<ul>
  <li><a href="#"><span class="mdi mdi-bell"></span> Notifications</a></li>
  <li class="seperator"></li>
  <li><a href="#"><span class="mdi mdi-settings"></span> Settings</a></li>
  <li><a href="#"><span class="mdi mdi-help-circle"></span> Help</a></li>
</ul>

<div class="col-md-6">
  <div class="post-box">
    <form id="post-activity">
      <textarea name="content" class="post-input" placeholder="What's new, $session['user']['name']?"></textarea>
      <button id="post-button" class="btn btn-info btn-raised waves-effect" type="submit"><span class="mdi mdi-send"></span> Post</button>
    </form>
  </div>

  <div class="post-card">
    <div class="header">
      <div class="avatar"></div>
      <a href="/profile">Adrian Bernat</a>
    </div>
    <div class="content">
      Test Content
    </div>
    <div class="footer">
      <button class="btn btn-round waves-effect btn-default btn-raised btn-like"><span class="mdi mdi-thumb-up-outline"></span> Like
      </button>
      <button class="btn btn-round waves-effect btn-default btn-raised btn-comment"><span class="mdi mdi-comment-text-outline"></span> Comment
      </button>
    </div>
  </div>

＆＃13;

CSS模板未应用于我的页面

1 个答案: