Question

我尝试过很多东西，似乎没什么用。在我的表单中，我传递了一个php echo form_dropdown用于选择选项值。

当我添加twitter bootstrap类时，它会在动态下拉表单周围创建一个按钮，否则它会消失。

我正在尝试使用包含动态下拉选项的Twitter引导按钮。

以下是我的尝试：

*注意：$ class作为传递twitter bootstrap的第二个参数存在。如果我可以在没有传递第二个参数的情况下拥有一个Twitter引导类，那就不必存在。

<div class="row">

<div id="myselect2" class="col-md-12 form-group col-xs-5 col-lg-3">
     <div class="form-group col-xs-5 col-lg-3">

         <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
              <li role="presentation" class="dropdown-header">Dropdown header</li>

              <?php echo form_dropdown('myselect', $options, $class); ?>
          </ul>
          <hr/>
     </div>
</div>

这就是我想要的：

http://postimg.org/image/igdkamxzt/0f73e2b5/

这就是我所拥有的：

http://postimg.org/image/8v3pbwxkd/8bd64bd1/

Answer 1

我尝试过很多东西，似乎没什么用。

喜欢什么？

假设您使用的是Bootstrap 3.x，请按照示例given here进行操作。例如：

<!-- Single button -->
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    Action <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

如果没有看到代码，很难帮助你。也许可以尝试不首先生成CI下拉列表，但是使用Bootstrap示例安装硬编码。

Answer 2

我知道这是一个老问题，但我遇到同样的问题，我会在这里回答。我的问题是我不小心改变了这两行：

<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.11.1.min.js" ></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/bootstrap.js" ></script>

问题是你必须导入jquery befoore bootstrap js文件;）又浪费了两个小时;）

Codeigniter下拉类覆盖Twitter Bootstrap3

2 个答案: