Невозможно сделать вкладку Boostrap выше

У меня есть страница:Невозможно сделать вкладку Boostrap выше

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

Я хотел бы, чтобы язычки больше (например, 100 высоты пикселей)

Конечно же, текст должен быть по центру вертикально.

Я не мог сделать это сам, я поставлю его в фрагмент!

Tx!

<!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>

Как я должен это делать?

источник

2016-12-15 Juliatzin del Toro

Не используйте Bootstrap, если вам нужна настройка ** и ** не имеют базовых знаний о HTML и CSS. – connexo

В вашем 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;

Если вы не компиляции из source, то вам нужно будет создать пользовательскую версию: http://getbootstrap.com/customize/#navbar

источник

2016-12-15 23:48:19 Tims

Nop, я не уверен, я использую сгенерированную версию CSS, но у меня есть источник LESS/SASS –

Если вы используете предварительно сгенерированную версию, вы все равно можете создать настраиваемую версию (обновленный ответ). – Tims

Понятно, я не знал, что .... Не нужно ли проще настраивать свойства CSS ??? –

Невозможно сделать вкладку Boostrap выше

ответ

Смежные вопросы