2013-07-28 2 views
0

Я пытаюсь пойти вместе с bootstrap и Codeigniter, но у меня небольшая проблема, я не могу понять, как выровнять 3 простых элемента в одну строку, поэтому они выровнены отлично рядом друг с другом.bootstrap codeigniter form ввод и отправьте кнопку

Я хочу, чтобы мой тег H3, поле ввода и моя кнопка отправки из моей формы были рядом друг с другом. Я уже пробовал span4 на трех объектах в пределах div, а также display:inline, но ничего не работает. Я не знаю, почему, но если я хочу, чтобы они были совершенно рядом друг с другом, мне просто нужно положить туда margin-top: -7px и другие поля на другие объекты, но это выглядит не совсем хорошим подходом к этому вопросу. Не могли бы вы мне помочь ? !

Мой код:

<div class="well"> 
<h3>My superb h3 tag!</h3> 

<?php echo form_open('search/quick_search'); ?> 

<?php echo form_error('search_query'); ?> 
<?php echo form_input('search_query','','placeholder="Search query"'); ?> 

<?php echo form_submit('submit_quick_search','Search','class="btn"'); ?> 

<?php echo form_close(); ?> 

How does it look

+0

Вы пытались использовать 'form- inline' для класса формы? – jleft

+0

Да, я сделал, но он генерирует уродливый URL-адрес, поэтому я не пошел с ним. Я как бы все это делал с вершинами сонов, хотя мне не нравится, как это выглядит (в коде). – kalafun

+1

Как/почему использование «form-inline» влияет на URL-адрес? – jleft

ответ

0

Это, как я использовал затем вместе (горизонтальная форма)

<?php echo form_open('search/quick_search', 'class="form-horizontal');?> 

<div class="control-group <?php echo form_error('search_query')? 'error' : ''; ?>"> 
    <label class="control-label" for="search_query">Search Term:</label> 
    <div class="controls"> 
     <?php echo form_input('search_query','','placeholder="Search query"'); ?> 
     <span class="help-inline"><?php echo form_error('search_query'); ?></span> 
     <span class="help-block"></span> 
    </div> 
</div> 

<div class="form-actions"> 
    <?php echo form_submit('submit_quick_search', 'Search', 'class="btn"'); ?> 
</div>  

<?php echo form_close(); ?> 
Смежные вопросы