Question

我正在尝试使用bootstrap和Codeigniter，但我遇到了一些问题，我似乎无法弄清楚如何将3个简单元素对齐成一行，因此它们彼此完美地对齐。

我希望我的H3标签，输入字段和我的表单中的提交按钮彼此相邻。我已经在div中的3个对象上尝试了span4，然后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

Answer 1

这就是我一直在使用的方式（水平形式）

<?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(); ?>

bootstrap codeigniter表单输入和提交按钮

1 个答案: