首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >mt Bootstrap 3网格在codeigniter 3上不起作用

mt Bootstrap 3网格在codeigniter 3上不起作用
EN

Stack Overflow用户
提问于 2016-03-09 16:56:35
回答 2查看 235关注 0票数 1

我需要你的帮助。我不能让网格布局工作。助手url已自动加载,我确信bootstrap.min.css、jquery.js和bootstrap.min.js位于正确的文件夹中,并且它们已加载。我可以使用alert-success和一些组件,但是我不能让网格布局工作。这是我的视图的样子。

代码语言:javascript
复制
<html>
<head>
    <title>Units</title>
    <link rel="stylesheet" href="<?php echo site_url('script/css/bootstrap.min.css')?>"/>

</head>
<body>
      <div class="row">
        <div class="col-sm-4">
          One of three columns
        </div>
        <div class="col-xs-4">
          One of three columns
        </div>
        <div class="col-xs-4">
          One of three columns
        </div>
      </div>

    <script type="text/javascript" src="<?php echo site_url('script/js/jquery.js')?>"></script>
    <script type="text/javascript" src="<?php echo site_url('script/js/bootstrap.min.js')?>"></script>
    <script type="text/javascript">

    </script>
</body>
</html>
EN

回答 2

Stack Overflow用户

发布于 2016-03-09 17:15:49

您可以尝试base_url而不是site_url

  • site_url: Returns base_url + index_page + uri_string
  • base_url : Returns base_url+ uri_string
票数 0
EN

Stack Overflow用户

发布于 2016-03-09 18:42:47

您需要将您的.row div包装在.container div中:

代码语言:javascript
复制
<div class="container">
    <div class="row">
      ...
    </div>
</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35886973

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档