Question

我需要你的帮助。我不能让网格布局工作。帮助器URL已自动加载，并确保bootstrap.min.css，jquery.js和bootstrap.min.js位于正确的文件夹中并加载它们。我可以使用警报警报 - 成功和一些组件，但我不能使网格布局工作。这就是我的观点。

<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>

Answer 1

您可以尝试使用base_url而不是site_url

site_url：返回base_url + index_page + uri_string
base_url：返回base_url + uri_string

Answer 2

你需要将.row div包装在.container div中：

$(document).ready(function(){
  var hash = url.substring(url.indexOf('#')+1); // get the hash tag value
  if(hash == "edit"){
    //do whatever you needs
    $("#edit").trigger("click");
  }
});

mt Bootstrap 3网格无法在codeigniter 3上运行

2 个答案: