2016-07-22 1 views
0

私は現在、他の誰かがワードプレスを使って作ったウェブサイトで作業しており、そこにいくつかのウェブページを追加する必要があります。私はすでにPHPですべての機能部品を実行しましたが、今では設計部分を行う必要があります。そのためには、ブートストラップを使いたいのですが、すでに存在するヘッダにブートストラップをリンクしたときに、ウェブサイトの一部も変更されます。既に存在するウェブサイトでブートストラップを選択的に使用する

彼らは共通のクラス名とID名を持っていると思うので、自分のウェブページだけにブートストラップを使用できる方法があるかどうかを知りたいです。 要約すると、既に存在するヘッダーとフッターが含まれており、これは可能ですか? header.phpの文書の

答えて

0

リンクのブートストラップ:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

必要に応じて、あなたもJavaScriptをたい場合:これらの

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

の両方がBootstrap guideから直接コピーされます。今、あなたのHTMLでこれらを使用することができます。

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-sm-6"><p>Oh hey</p></div> 
     <div class="col-sm-6"><p>Oh hey</p></div> 
    </div> 
</div> 
+0

で追加またはものの明確なパスに===を使用し、より多くのチェックを持つことができる所望の部分が含まれている場合であればなステートメントをチェックします その行と、ヘッダーのchan ges(マージンなどの変更)だから私は、ヘッダーを変更せずにブートストラップを使いたい。 – Zhang

0

ブートストラップが自然にあなたの全体のウェブページにそのCSSを適用するので、それだけであなたの体のブートストラップを使用することは困難だろう。 LESSコードの一部を除外することもできますが、フッターとヘッダーから本文を完全に分離することはできません。ブートストラップは、リスト、段落、見出しなどのあらゆる種類のhtmlタグに適用されます。

どの要素が変わっても、そうではないはずです。

ユニファイドUXが必要なだけでデザイン仕様がない場合は、ブートストラップがプリインストールされている多くのWordPressテーマのいずれかを試すことができます。

0

私はその完璧ではない知っているが、あなたはboothstrap使用しているページに特定のURLを持っている場合は、$ URIは、ドメイン名の後にあるURLの一部が含まれています を説明するために、この

<?php 
    $uri = $_SERVER['REQUEST_URI']; 
    if (strpos($uri,'/contains-this-in-url/') !== false){ 
     echo '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">' 
    } 
?> 

を行うことができます(www.example.com)$uriあなたはたぶん私は間違った方法でそれを言ったが、私は、ブートストラップリンクするとき||

関連する問題