2016-05-09 5 views
0

http://www.getbootstrap.sk/customize/index.htmlというページがありますが、完成したzipファイルをコンパイルしてダウンロードした後は、何もダムファイルの処理方法の手がかりを与えるものはありません。 (私はちょうどbowerを使って標準パッケージをインストールしました)。カスタマイズしたブートストラップの仕組みは?

ダウンロードされたカスタマイズファイルはどうしたらいいですか?

私が実際にやっていることは、幅が768pxを下回ったときにナビバーアイテムが消えるのを止めることです。私はそれらを消滅させたくありません。

+1

プロジェクトにcss/jsファイルをコピーする必要があります。コピー先はプロジェクトのファイル構造/ツリーによって異なります – ochi

+0

達成しようとしているもののスナップショットを追加できますか? – Sid

答えて

0

ライブラリをダウンロードする必要はありません。オンラインライブラリを使用することができます。例えば

:あなたはライブラリをダウンロードしたい場合は

<!DOCTYPE html="en"> 
<html> 

    <head> 
    <meta charset="utf-8"> 
    <meta name=viewport content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Course</title> 
    <!-- Normalize --> 
    <link rel="stylesheet" href="https://yui.yahooapis.com/3.18.1/build/cssnormalize/cssnormalize.css" type="text/css"> 
    <!-- CSS BOOTSTRAP --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <!-- YOUR OWN CSS LIBRARY --> 
    <link rel="stylesheet" type="text/css" href="css/main.css"> 
    <!-- JQUERY If you need it --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <!-- JS BOOTSTRAP --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    <!-- YOUR OWN JS LIBRARY --> 
    <script type="text/javascript" src="js/main.js"></script> 
    </head> 

    <body> 
     .... 
    </body> 

</html> 

しかし、あなたはちょうどあなたがあなたのCSSとあなたのJSファイルを保つフォルダへbootstrap.min.cssbootstrap.min.jsを移動し、それらを参照する必要があなたのウェブページのヘッダー。例えば

<head> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
    <script type="text/javascript" src="js/bootstrap.min.js"></script> 
... 
</head> 

UPDATEBootstrap's documentationに基づいて

、私は、ナビゲーションバーの崩壊を避けるために、あなたのナビゲーションバーの任意の要素からクラスnavbar-collapseを削除する、ことを示唆しています。

JavaScriptが無効になっていて、ビューポートの幅が狭くなってナビバーが崩壊すると、.navbar-collapse内のナビゲーションバーを展開してコンテンツを表示することはできません。応答性のあるナビゲーションバーでは、ご使用のバージョンのブートストラップにコラプスプラグインを組み込む必要があります。

さらに、ナビゲーションバーが折り畳まれるたびに表示されるボタンを削除する必要があります。

何か


jsfiddleように私はより良い方法であなたを助けるためにあなたのソースコードを参照してくださいする必要があります。一方、私はこれがあなたを助けることを望みます。

0

ブートストラップ。ナビゲーションバーがGrid systemセット0の分野@grid-float-breakpoint値で

  1. を崩壊したことがないようにする方法。

  2. ページの下部にあるCompile and Downloadボタンをクリックします。

  3. 結果のアーカイブからファイルbootstrap.cssbootstrap.min.cssを抽出します。

  4. サイトの標準ファイルbootstrap.cssbootstrap.min.cssの代わりに使用してください。