0

ブートストラップと Codeigniter を使用しようとしていますが、少し問題があります。3 つの単純な要素を 1 行に並べる方法がわからないため、互いに完全に並べられます。

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 に答える