0

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

我希望表单中的 H3 标签、输入字段和提交按钮彼此相邻。我已经尝试过span4div 中的 3 个对象，然后也尝试过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(); ?>

看起来怎么样

4

1 回答 1

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(); ?>
于 2013-07-29T14:40:18.370 回答