同じソースコードがローカルホストとソース Web サイトで異なる表示になるのはなぜですか? _html/css

ホームページ

ウェブフロントエンド

htmlチュートリアル

同じソースコードがローカルホストとソース Web サイトで異なる表示になるのはなぜですか? _html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:02 AM

これがソース Web サイトです http://v3.bootcss.com/examples/theme/
ソース Web サイトのカルーセルは正常に表示できるのですが、localhost に公開すると表示できなくなります。。

ディスカッションへの返信 (解決策)

関連する js css およびその他のファイルをすべてインポートしましたか?それとも実装メソッドは正しく記述されていますか?

nHTML コードの属性はデモのものと同じですか?

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">        <ol class="carousel-indicators">          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>          <li data-target="#carousel-example-generic" data-slide-to="1"></li>          <li data-target="#carousel-example-generic" data-slide-to="2"></li>        </ol>        <div class="carousel-inner" role="listbox">          <div class="item active">            <img src="/static/imghwm/default1.png"  data-src="holder.js/1140x500/auto/#777:#555/text:First slide"  class="lazy"  data- alt="First slide">          </div>          <div class="item">            <img src="/static/imghwm/default1.png"  data-src="holder.js/1140x500/auto/#666:#444/text:Second slide"  class="lazy"  data- alt="Second slide">          </div>          <div class="item">            <img src="/static/imghwm/default1.png"  data-src="holder.js/1140x500/auto/#555:#333/text:Third slide"  class="lazy"  data- alt="Third slide">          </div>        </div>        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>          <span class="sr-only">Previous</span>        </a>        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>          <span class="sr-only">Next</span>        </a>      </div>

nHTML コード内の属性はデモ内の属性と同じですか?

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">        <ol class="carousel-indicators">          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>          <li data-target="#carousel-example-generic" data-slide-to="1"></li>          <li data-target="#carousel-example-generic" data-slide-to="2"></li>        </ol>        <div class="carousel-inner" role="listbox">          <div class="item active">            <img src="/static/imghwm/default1.png"  data-src="holder.js/1140x500/auto/#777:#555/text:First slide"  class="lazy"  data- alt="First slide">          </div>          <div class="item">            <img src="/static/imghwm/default1.png"  data-src="holder.js/1140x500/auto/#666:#444/text:Second slide"  class="lazy"  data- alt="Second slide">          </div>          <div class="item">            <img src="/static/imghwm/default1.png"  data-src="holder.js/1140x500/auto/#555:#333/text:Third slide"  class="lazy"  data- alt="Third slide">          </div>        </div>        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>          <span class="sr-only">Previous</span>        </a>        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>          <span class="sr-only">Next</span>        </a>      </div>

元の Web ページからすべてのコードをそのままコピーしました。。。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は？Apr 30, 2025 pm 03:24 PM

Bootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...

DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか？Apr 30, 2025 pm 03:21 PM

マウススクロールイベントの浸透の効果を実現する方法は？ Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...

HTMLビデオの再生コントロールスタイルを変更する方法Apr 30, 2025 pm 03:18 PM

HTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。

お使いの携帯電話でネイティブセレクトを使用することにより、どのような問題が発生しますか？Apr 30, 2025 pm 03:15 PM

携帯電話でネイティブセレクトを使用する際の潜在的な問題は、モバイルアプリケーションを開発するときに、ボックスを選択する必要があることがよくあります。通常、開発者...

お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか？Apr 30, 2025 pm 03:12 PM

お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか？モバイルデバイスでアプリケーションを開発する場合、適切なUIコンポーネントを選択することが非常に重要です。多くの開発者...

Three.jsとOctreeを使用して部屋で3人のローミングの衝突処理を最適化する方法は？Apr 30, 2025 pm 03:09 PM

Three.JSとOctreeを使用して、部屋でのサードパーソンローミングの衝突処理を最適化します。 3つのjsでoctreeを使用して、部屋でサードパーソンローミングを実装し、衝突を追加してください...

お使いの携帯電話でネイティブセレクトを使用する場合、どのような問題が発生しますか？Apr 30, 2025 pm 03:06 PM

モバイルデバイスでアプリケーションを開発する際に携帯電話でネイティブセレクトの問題は、ユーザーが選択を行う必要があるシナリオに遭遇することがよくあります。ネイティブセル...

なぜ一部のウェブサイトはマウスのスクロールと侵入効果を達成できるのに、他のウェブサイトはできないのですか？Apr 30, 2025 pm 03:03 PM

いくつかのWebサイトを閲覧するときにマウススクロールイベントの実装原則を調査すると、マウスがホバリングしているときにページ全体をスクロールすることができることに気付くかもしれません...

See all articles

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。