2016-12-15 17 views
0

ブートストラップ]タブを背にすることはできません。は、私はページを持っている

私は自分ではできませんでしたが、私はスニペットに入れます!

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>

私はそれをどのようにすればよいですか?あなたのSASSあるいはLESS _variablesファイルで

+0

カスタマイズが必要な場合はブートストラップを使用せず、**はHTMLとCSSについての基本知識がありません。 – connexo

答えて

0

(あなたは右、ソースからのコンパイルある?)(ライン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

+0

Nop、私は生成されたCSSバージョンを使用していると思いますが、私はless/SASSソースを持っています –

+0

あらかじめ生成されたバージョンを使用している場合でも、カスタマイズされたバージョン(更新済みの回答)を生成できます。 – Tims

+0

私はそれを知りませんでした....それは簡単にCSSのプロパティをカスタマイズするべきではないですか? –

関連する問題