5

Node.js と Express で Twitter Bootstrap を使用するにはどうすればよいですか?

CSS と Javascript ファイルを./publicディレクトリに配置する必要があることはわかっています (デフォルトに設定されている場合)。しかし、Node.js と Express で Twitter Bootstrap を使用する方法を探していると、Twitter Bootstrap の使用にはさまざまなバリエーションがあることがわかりました。

たとえば、ブートストラップ CSS および JS ファイルを適切なディレクトリに配置するか、次のように指定します。

<link rel='stylesheet' href='assets/css/bootstrap-responsive.css'> <link rel='stylesheet' href='https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fbootstrap.js'>

など、また、通常と.min.cssファイルの 2 つのソースがあり、それぞれに CSS と JS があります。では、適切な Bootstrap ファイルを Node.js と Express で提供するにはどうすればよいでしょうか?

これは私の現在のコードの最初の数行です（必要ですか？）、これはレスポンシブデザインで動作していません（スマートフォンのサイズを模倣するために画面を狭めたときに垂直にスタックせず、代わりにサイズを縮小するだけですそれぞれの比率は同じです）。

<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='utf-8'>
    <title><%= title %></title>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <link rel='stylesheet' href='/stylesheets/bootstrap.min.css'>
    <link rel='stylesheet' href='assets/css/bootstrap-responsive.css'>
    <script src='/javascripts/jquery-2.0.2.min.js'></script>
    <style type='text/css'>

        /* Large desktop */
        @media (min-width: 980px) {
            body {
                padding-top: 60px;
            }
        }

        /* smartphones */
        @media (max-width: 480px) {
            body {
                padding-top: 30px;
            }

        }
    </style>
</head>
4

2 に答える 2

0

のようなフォルダーを作成します。これらのファイルを次のように含めます

<link href="/js/lib/bootstrap/bootstrap-combined.min.css" rel="stylesheet"> 
<script src="/js/lib/bootstrap/bootstrap.js"></script>

それは今あなたのために働くはずです....

于 2013-07-18T10:33:34.793 に答える