Css 为什么引导面板会拉长？

嗨，我正在尝试为我的门户创建一个仪表板。在这里，我使用的是引导面板

我正在开发PHP Codeigniter，因此我定义了一个主布局，如下所示：

<div class="container-fluid">

  <!-- Main column -->
  <div class="span9">
    <?php $this->load->view($subview); ?>
  </div>
  <!-- Sidebar -->

</div>

对于我的Dahsboard.php文件，我有以下内容：

<div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title"><i class="glyphicon glyphicon-calendar"></i>Calendar</h3>
      </div>
      <div class="panel-body">
            <div id="calendar"></div>
    </div>

历法

但是，当我看到它时，面板会像这样拉伸：

---

设置列宽并关闭

div

col-sm-3,col-sm-4,

像这样

<div class="col-sm-3">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title"><i class="glyphicon glyphicon-calendar"></i>Calendar</h3>
        </div>
        <div class="panel-body"> </div> # close this div too
        <div id="calendar"></div>
    </div>
</div>

历法
#把这个部门也关了

---

将

更改为

可能对您有所帮助

您能否在我们可以看到问题的地方分享任何工作演示或实时链接？如果您没有提到任何屏幕大小（cols md、cols lg、cols sm、cols xs）这只需要100%的时间。@SureshPonnukalai我已经链接了我所有的引导css，所以我需要定义任何屏幕大小吗？在引导中，你必须给类选择元素大小（如sm md xs lg）。引导css你链接得很好。若你们并没有使用任何引导类，那个么你们会得到任何样式吗？日历应该在面板主体中。是吗？是的，这很有效！但是我不知道我要去哪里，谢谢你！但是日历在面板主体中，为什么它不能填满整个主体？是的，我会接受它，但它不允许我在发布答案后的5分钟内接受它，这不可能关闭它。再次打开它读这个