小编Mor*_*gan的帖子

我正在开发一个Django项目,其主页类似于StackOverflow:它在单个主列中显示传入的用户生成内容的片段.然而,我想那些内容片段跨越的3行填充主页来显示(认为[Pinterest的插接板页] [2]或网格布局博客).

我正在使用Bootstrap的网格系统,但意识到我不知道Python/Django模板magic + Bootstrap的正确组合,以便在网格中填充传入的内容.有人可以为我拼写这个吗？

我想要...

            {% for question in questions.paginator.page %}
            {% question_list_item question %}
            {% endfor %}

...具有重复的效果

<div class="container">
     <div class="row clearfix">
          <div class="col-md-4">
                item 1
          </div>
          <div class="col-md-4">
                item 2
          </div>
          <div class="col-md-4">
                item 3
          </div>
     </div>
     <div class="row clearfix">
          <div class="col-md-4">
                item 1
          </div>
          <div class="col-md-4">
                item 2
          </div>
          <div class="col-md-4">
                item 3
          </div>
     </div>
</div>

更新:我能够使用以下内容实现此功能(具有响应性的小列数变化),但我是初学者,所以如果有更好的解决方案,请告诉我.

                    <div class="row">
                        {% for question in questions.paginator.page %}
                        <div class="col-lg-3 col-sm-6 col-xs-12">
                            {% question_list_item question %}
                        </div> …

期待 Sassier Bootstrap 4，我（试图）在 Bootstrap 3.3.5 上从 Less 切换到 Sass 并设置所需的Gruntfile.js文件。我没有问题，编制少，但不能让步兵与萨斯工作，特别是，$ grunt和$ grunt watch这两个让我

Running "watch" task Waiting...

永远。

不用说它不会编译。我试过了$ grunt watch --verbose，得到了很多绿色OK的。

我想我有一些错误或效率低下，gruntfile.js但由于这是 Baby 的第一个 Gruntfile.js，我被困在这里。你能看出是什么原因造成的吗？

    /*** Created by morgan on 9/13/15. */    

    module.exports = function (grunt) {
          grunt.initConfig({
            pkg: grunt.file.readJSON('package.json'),

        sass: {
          dev: {
        options: {
          includePaths: ['static/sass']
        },
        dev: {
          options: {
            style: 'expanded',
            compass: false
          },
          files: {
            'css/styles.css': 'sass/styles.scss'
          }
        }
      } …