Question

我在使用bootstrap时遇到了一些问题3.我尝试了整整一天来解决和搜索互联网上的所有内容，即使使用过FireBug但没有帮助。

下拉按钮高于菜单，并且超出菜单。

<ul class="nav navbar-nav navbar-right">
  <?php if(!is_array(session( 'thisUser'))): ?>
  <a href="<?php echo URL('register') ?>" class="btn btn-primary btn-success"><span class="glyphicon glyphicon-user"></span> <?php echo T('Register') ?></a>
  <a href="<?php echo URL('login') ?>" class="btn btn-primary btn-default"><span class="glyphicon glyphicon-log-in"></span> <?php echo T('Login') ?></a>
  <?php else: ?>
  <li class="dropdown">
    <a class="dropdown-toggle text-notransform" data-toggle="dropdown" href="#">
      <img src="<?php echo URL(session_get('preferences', 'avatar')) ?>" width="24px">&nbsp;&nbsp;
      <?php echo session_get('thisUser', 'username') ?> <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
      <li>
        <div class="navbar-login">
          <div class="row">
            <div class="col-lg-4">
              <p class="text-center">
                <img src="<?php echo URL(session_get('preferences', 'avatar')) ?>" width="200px">
              </p>
            </div>
            <div class="col-lg-8">
              <p class="text-left"><strong><?php echo session_get('thisUser', 'username') ?></strong>
              </p>
              <p class="text-left small">
                <?php echo session_get( 'thisUser', 'email') ?>
              </p>
              <br />
              <p class="text-left">
                <a href="<?php echo URL(T('setting-slug', 'settings')) ?>" class="btn btn-primary btn-block btn-sm">
                  <?php echo T( 'Settings') ?>
                </a>
                <?php echo event( 'user_menu', '') ?>
              </p>
            </div>
          </div>
        </div>
      </li>
      <li class="divider"></li>
      <li>
        <div class="navbar-login navbar-login-session">
          <div class="row">
            <div class="col-lg-12">
              <p>
                <a href="<?php echo URL('logout') ?>" class="btn btn-danger btn-block">
                  <?php echo T( 'Logout') ?>
                </a>
              </p>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </li>
</ul>
<?php endif; ?>
</ul>

我的第二个问题是引导搜索我希望按钮搜索在搜索文本旁边而不是它。代码是PHP函数：

function search_box($a){
    $return .= Form::open(array('method'=>'GET', 'action'=>URL(T('directory'))));
    $return .= Form::input('q', R('q'), array('class'=>'form-control input-md', 'style'=>'margin-bottom:5px','placeholder'=>T('Type smth to search')));
    $return .= '<button type="submit" class="btn btn-block btn-md btn-primary"><i class="icon-find"></i> '.T('Search').'</button>';
    $return .= Form::close();
    $return .= '<div class="clearfix"><br /></div>';
    return $return;
}

（搜索图片与上述链接相同）有人能告诉我如何解决这个问题。提前谢谢。

Answer 1

在您的搜索框（$ a）函数上，尝试从按钮中删除btn-md类。

Bootstrap 3下拉按钮高度和搜索

1 个答案: