2017-09-29 13 views
8

Bootstrapsのドキュメントのnavbarの例に従おうとしていますが、Navbarの背景色が読み込まれないという問題があります。ブートストラップ4、bg-inverseが表示されませんか?

<nav class="navbar navbar-inverse bg-inverse"> 
    <a class="navbar-brand" href="#">Navbar</a> 
</nav> 

私はbootstrap.cssを調べて、bg-inverseは表示されません。色を自分で作成するはずですか、何か間違っていますか? (私はAngularプロジェクトで働いています)

+0

jsファイルを添付してjsfiddleを使用して例を追加できますか? – bhansa

+0

Bootstrap.jsという意味ですか?これは角度があります。私は.tsファイルしか持っていません – Beese

+0

'bootstrap @ 4.0.0-beta'または' bootstrap -v 4.0.0.alpha6 'には何を使用していますか – core114

答えて

15

あなたはBootstrap betaバージョンを使用していると思います。 Alpha versionを使用してください。それは、問題を解決する、彼らはこのhttps://getbootstrap.com/docs/4.0/components/navbar/

[email protected]navbar-inverse bg-inverse

ブートストラップ-v 4.0.0.alpha6

<nav class="navbar navbar-inverse bg-inverse"> 
    <!-- Navbar content --> 
</nav> 

<nav class="navbar navbar-inverse bg-primary"> 
    <!-- Navbar content --> 
</nav> 

<nav class="navbar navbar-light" style="background-color: #e3f2fd;"> 
    <!-- Navbar content --> 
</nav> 

一見のためのブートストラップ4ベータ版を提供していません。 0-beta

<nav class="navbar navbar-dark bg-dark"> 
    <!-- Navbar content --> 
</nav> 

<nav class="navbar navbar-dark bg-primary"> 
    <!-- Navbar content --> 
</nav> 

<nav class="navbar navbar-light" style="background-color: #e3f2fd;"> 
    <!-- Navbar content --> 
</nav> 

これを見るhttps://getbootstrap.com/docs/4.0/components/navbar/

関連する問題