Question

我有一个页面：

https://my.kendozone.com/tournaments/fake-tournoi/

我想制作更大的标签（例如100像素高度）。

当然，文字应该垂直居中。

我不能自己做，我会把它放在一个片段中。

<!DOCTYPE html>
<html lang="en">
<head>
    <link media="all" type="text/css" rel="stylesheet" href="https://my.kendozone.com/css/app.css">
    <link media="all" type="text/css" rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900">
    <script src="https://my.kendozone.com/js/guest_app.js"></script>
</head>
<body>

<div class="header"><img src="https://my.kendozone.com/images/banners/KZ-04.jpg" class="banner" alt="Kendozone Banner">
</div>
<ul class="nav nav-tabs nav-tabs-solid nav-justified top-banner-guest">
    <li class="active"><a href="#general" data-toggle="tab" id="tab1" aria-expanded="true">Datos generales</a></li>
    <li class=""><a href="#competitors" data-toggle="tab" id="tab2" aria-expanded="false"> Competidores</a></li>
    <li class=""><a href="#trees" data-toggle="tab" id="tab3" aria-expanded="false">Arboles</a></li>
    <li class=""><a href="#rules" data-toggle="tab" id="tab4" aria-expanded="false">Reglas</a></li>
</ul>
</body>
</html>

我该怎么做？

Answer 1

在您的SASS或LESS _variables文件中（从源代码编译，对吗？）查找以下内容（第360行）并根据需要进行调整：

// Basics of a navbar
$navbar-height:                    50px !default;
$navbar-margin-bottom:             $line-height-computed !default;
$navbar-border-radius:             $border-radius-base !default;
$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
$navbar-collapse-max-height:       340px !default;

如果您未从源代码编译，则需要生成自定义版本：http://getbootstrap.com/customize/#navbar

无法使Boostrap选项卡更高

1 个答案: