Witam,
to jest moja strona i chce, aby POST był wyśrodkowany, próbowałem takich rzeczy jak margin-left: auto;, left: 50%;, ale nie działa.
To jest plik base.html
{% load staticfiles %}
<html>
<head>
<title>Simple Django Blog</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<link href='//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{% static 'blog/css/blog.css' %}">
</head>
<body>
<div class="page-header">
<h1><a href="/">Simple Django Blog</a></h1>
</div>
<div class="content container">
<div class="row">
<div class="col-md-8">
{% block content %}
{% endblock %}
</div>
</div>
</div>
</body>
</html>
A tutaj plik blog.html
{% extends "blog/base.html" %}
{% block content %}
{% for post in object_list %}
<div class="post">
<div class="date">
{{ post.date }}
</div>
<h1><a href="/blog/{{post.id}}">{{ post.title }}</a></h1>
<p>{{ post.body|safe|linebreaksbr }}</p>
</div>
{% endfor %}
{% endblock %}
A oto plik blog.css
.page-header {
background-image: url("/static/blog/img/bg.jpg");
margin-top: 0;
text-align: center;
padding: 20px 20px 20px 40px;
}
.page-header h1, .page-header h1 a, .page-header h1 a:visited, .page-header h1 a:active {
color: #ffffff;
font-size: 36pt;
text-decoration: none;
}
Z góry dziękuję za pomoc.