2017-11-20 4 views
1

は私が唯一ブートストラップツールチップのために必要な私のプロジェクトでは例えばブートストラップコンポーネントの分離のCSSファイルを取得することが可能です別居するブートストラップを追加する必要はありません.min.cssファイル私はツールチップのCSSファイルが必要です。ので、私は、ブートストラップ・ツールチップfile.iをダウンロードすることができ、すべてのブートストラップCSSファイル

私はそれが有効になりますので、ブートストラップと同じクラスを持つ他のプラグインを使用するので、私はbootstap-tooltip.min.css

ような何かをしたい

<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 

を使用する必要はありません。

答えて

2

はい、あなたはまた、ブートストラップをカスタマイズすることができます:あなたがLESSファイルを使用して独自のブートストラップコンフィギュレーションを生成することができます。ここhttps://getbootstrap.com/docs/3.3/customize/

は、このリンクに従ってください。

必要なものを選択し、ページの最後までスクロールします。ボタンCompile and Downloadと完了したボタンを押します。ここで

0

だけブートストラップツールチップのためcodepenさ:

check here

SCSS

$alphablack:rgba(0,0,0,0.9); 

body { 
    margin:5em; 
} 

[data-tooltip] { 
    &:hover { 
    &:before, &:after { 
     display:block; 
     position:absolute; 
     font-size:0.8em; 
     color:white; 
    } 
    &:before { 
     border-radius:0.2em; 
     content:attr(title); 
     background-color:$alphablack; 
     margin-top:-2.5em; 
     padding:0.3em; 
    } 
    &:after { 
     content:''; 
     margin-top:-2.1em; 
     margin-left:1em; 
     border-style:solid; 
     border-color:transparent; 
     border-top-color:$alphablack; 
     border-width:0.5em 0.5em 0 0.5em; 
    } 
    } 
} 
関連する問題