gpt4 book ai didi

html - 无法使 Bootstrap 标签变高

转载 作者:行者123 更新时间:2023-11-28 04:41:34 25 4
gpt4 key购买 nike

我有一个页面:

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>

我应该怎么做?

最佳答案

在您的 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

关于html - 无法使 Bootstrap 标签变高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41174813/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com