2016-06-25 4 views
0

ボタンをテキストボックスに合わせることができません。 plsは明確な理解のためにコードと画像を見る。私のクラスやものに何か悪いことはありますか?CakePhp-Bootstrapサブミットボタンがテキストボックスと揃っていない

enter image description here これは、あなたがボタンを含むdivのためのその他の要素ごとに異なるCSSクラスを使用している私のCTP/HTML

<div class="row"> 
<div class="col-xs-2"> 
<ul class="nav nav-sidebar"> 
    <h3><?= 'Actions' ?></h3> 
    <li><?= $this->Html->link('New Bookmark', ['action' => 'add']) ?></li> 
    <li><?= $this->Html->link('New User', ['controller' => 'Users', 'action' => 'add']) ?></li> 
    <li><?= $this->Html->link('New Tag', ['controller' => 'Tags', 'action' => 'add']) ?></li> 
</ul> 
</div> 
<div class="col-xs-9" style="box-shadow: -8px 0px 6px -6px #3C5791;"> 
<?= $this->Form->create($bookmark) ?> 
<legend><?= 'Add Bookmark' ?></legend> 
<div class='form-horizontal'> 
    <div class="form-group"> 
     <?= $this->Form->input('user_id', ['options' => $users, 'class'=>'form-control', 'style'=>'width:30%', 
              'label'=>['class'=>'col-xs-2 control-label']]); ?> 
    </div> 
    <div class="form-group"> 
     <?= $this->Form->input('title', ['class'=>'form-control','style'=>'width:50%', 
             'label'=>['class'=>'col-xs-2 control-label']]); ?> 
    </div> 
    <div class="form-group"> 
    <?= $this->Form->input('description', ['class'=>'form-control','style'=>'width:50%', 
              'label'=>['class'=>'col-xs-2 control-label']]); ?> 
    </div> 
    <div class="form-group"> 
    <?= $this->Form->input('url', ['class'=>'form-control','style'=>'width:50%', 
            'label'=>['class'=>'col-xs-2 control-label']]); ?> 
    </div> 
    <div class="form-group"> 
    <?= $this->Form->input('tags._ids', ['options' => $tags, 'class'=>'form-control','style'=>'width:50%', 
             'label'=>['class'=>'col-xs-2 control-label']]); ?> 
    </div> 

    <div class="col-xs-3 col-xs-offset-2"> 
     <?= $this->Form->button('Submit',['class'=>'btn btn-default']) ?> 
     </div> 
     <?= $this->Form->end() ?> 
     </div> 
     </div> 
    </div> 
</div> 

答えて

2

です。ボタンdivに同じCSSクラス "from-group"を使用してみてください。

1

これを試してみてください。

<div class="form-group"> 
    <label class="col-xs-2 control-label"></label> 
    <?= $this->Form->button('Submit',['class'=>'btn btn-default']) ?> 
</div> 
関連する問題