Bootstrap模板继承不适用于3列布局

我想制作一个简单的骨架模板，这是我的网站的一般布局。我改变它使三个列被子模板继承。但由于某种原因，除了导航栏外没有任何东西出现。另外，我的标题和继承似乎不起作用。这将是我的下一个问题。：PBootstrap模板继承不适用于3列布局

base.html文件

的index.html

{% extends "base.html" %} 

{% block title%}Index{% endblock %} 

{% block sidebar_left %} 
    <p>Text.</p> 
{% endblock %} 

{% block center %} 
    <div class="alert alert-info fade in"> 
     Sample info popup. 
     <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> 
    </div> 
    <div class="text-center h2">Session info:</div> 
    <p class="text-center"><b>Browser:</b> <kbd>{{ browser }}</kbd></p> 
    <hr> 
    <div class="btn-group btn-group-justified"> 
     <div class="btn-group"> 
      <button type="button" class="btn btn-warning">Button 1</button> 
     </div> 
     <div class="btn-group"> 
      <button type="button" class="btn btn-warning">Button 2</button> 
     </div> 
     <div class="btn-group"> 
      <button type="button" class="btn btn-warning">Button 3</button> 
     </div> 
    </div> 
{% endblock %} 

{% block sidebar_right %} 
    <p>Text.</p> 
{% endblock %}

来源

2015-10-26 Jordan

有很多你的代码错误。

首先，您的nav元素应该在body标记内。我想这是没有什么东西出现的原因。基本上所有'可见'html应该在body标签内。其次，您需要用.container和.row元素包装.col-xs-x类，以使引导网格系统正常工作。 Bootstrap grid system

来源

2015-10-26 20:21:54 Sebsemillia

Bootstrap模板继承不适用于3列布局

回答

相关问题