CodeIgniter Bootstrap form-horizontal in modal in not working

Question

Мое веб-приложение использует структуру CodeIgniter и Bootstrap 3.0, и я пытаюсь отобразить форму в моем модальном формате. Я бы хотел, чтобы labels был на той же строке, что и input fields, но добавлено form-horizontal в form или modal-body, похоже, не помогло.

сегмент кода ниже: -

<!-- Add Customer Modal --> 
<div class="modal fade" id="addCustomer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title" id="myModalLabel">Add Customer</h4> 
     </div> 
     <div class="modal-body"> 
     <?php echo form_open('customer_data/add_customer', ['class'=>'form-horizontal']); ?> 

     <?php echo form_label('Name: ', 'name'); ?> 
     <?php echo form_input(['name'=>'name', 'id'=>'name', 'class'=>'form-control']); ?> 

     <?php echo form_label('Mobile: ', 'mobileNum'); ?> 
     <?php echo form_input(['name'=>'mobileNum', 'id'=>'mobileNum', 'class'=>'form-control']); ?> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-warning">Add Customer</button> 
     </div> 
     <?php echo form_close(); ?> 
    </div> 
    </div> 
</div> 

Answer 1

Я думаю, вы пропустили какую-то функцию

<?php echo form_close(); ?> 

или попробовать это:

<!-- Button trigger modal --> 
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#addCustomer"> 
    Launch demo modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="addCustomer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <!--form horizontal--> 

     <?php echo form_open('customer_data/add_customer', array('class'=>'form-horizontal')); ?> 

     <?php echo form_label('Name: ', 'name'); ?> 
     <?php echo form_input(array('name'=>'name', 'id'=>'name', 'class'=>'form-control')); ?> 

     <?php echo form_label('Mobile: ', 'mobileNum'); ?> 
     <?php echo form_input(array('name'=>'mobileNum', 'id'=>'mobileNum', 'class'=>'form-control')); ?> 
     <?php echo form_close();?> 
     <!--end form--> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div>