【问题标题】:Bootstrap 3 dropdown button height and searchBootstrap 3下拉按钮高度和搜索
【发布时间】:2015-02-13 23:18:59
【问题描述】:

我在使用 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;
}

(图片搜索与上面的链接相同) 有人可以告诉我如何解决这个问题。提前致谢。

【问题讨论】:

  • 显示 css,检查

    的高度。

  • css是bootstrap的默认值

标签: php css button


【解决方案1】:

在您的搜索框($a) 函数中,尝试从按钮中删除 btn-md 类。

【讨论】:

  • 没有变化,还在搜索文本下
  • 能否提供生成的 html 的链接,以便我们对其进行实时检查?
猜你喜欢
  • 1970-01-01
  • 2018-09-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-05
  • 1970-01-01
相关资源
最近更新 更多