jade.jsテンプレートの空白のクラス -- twitter-bootstrap フィールド と pug フィールド 関連 問題

Class with whitespace in jade.js templating












2
vote

問題

日本語

私はJade.jsと「Bootstrap」と遊ぼう。 Bootstrapには、「NAV Secondary-Nav」などの空白を取得した名前のクラスがいくつかあります。

jade.jsのdiv.classnameを使用してdivを定義しますが、div.class nameのようにはできません。 誰もが私がこれを他の方法で何ができるかを知っていますか?

ありがとう

英語

I'm toying around with jade.js and "Bootstrap, from twitter". Bootstrap has some classes with names that got whitespaces such as "nav secondary-nav".

In jade.js you define a div with div.classname but I can't do it like div.class name, anyone knows how I can do this some other way?

Thanks

</div
     
 
 

回答リスト

6
 
vote
vote
ベストアンサー
 

クラス名 'セカンダリNAV'は 'secondary-nav'

にする必要があります。

jade構文は次のとおりです。

<事前> <コード> manifest.json2

例(Bootstrap 2.0):

<事前> <コード> manifest.json3
 

the class name 'secondary nav' should be 'secondary-nav'

jade syntax would be:

ul.nav.secondary-nav 

example (bootstrap 2.0):

div(data-scrollspy='scrollspy').navbar.navbar-fixed     div.navbar-inner         div.container             a(href='/').brand www.sample.com             ul.nav                 li.active                     a(href='/') Home                 li                     a(href='/listing') Listing              ul.nav.secondary-nav                 li                     a(href='/account') Account                 li                     a(href='/logout') Logout 
</div
 
 

関連する質問

0  jadeの<%=とは何ですか?  ( What is in jade ) 
私はそのビューエンジンにHTMLを使用するチュートリアルを経験しています、私はJadeに取り組んでいて、ちょうどこれが翡翠のページになるのか知りたいのです。 <事前> <コード> 'fruit'1 私はこれを試してみましたが、Usertemplate IDが...

4  PUGテンプレートを使用する場合は、予期しないトークン「インデント」  ( Unexpected token indent when using pug templates ) 
私は小さいコンテンツを出力する必要がある単純なアプリケーションを持っています。 nodejs、ExpressとPug を使用します。 <事前> <コード> ballbutton.imageview3 と私のPUGファイル/ HTML <事前> <コード>...

2  pugjs - テンプレートファイルが見つかりません/ディレクトリは無視されます  ( Pugjs template file not found directory ignored ) 
私は小さいコンテンツを出力する必要がある単純なアプリケーションを持っています。 nodejs、ExpressとPug を使用します。 <事前> <コード> const pug = require('pug'); const express = require...

1  コレクションとビューはバックボーンスクリプトで動作していませんか?  ( Collection and view not working in backbone script ) 
ねえ、私は現在チュートリアルとバックボーンを学んだりしていますが、何らかの理由で仕事をするためにバックボーンモデル以外にも何も入手できません。コレクションやビューなど、その下のすべてがコンソールに物事を入力するときに応答しないようです。これは現在私のコードです...

20  翡翠なしの発電機  ( Express generator without jade ) 
Express Generatorを使用してExpress Skeletonを生成しようとしています。 だからこれはこれになるでしょう: <事前> <コード> $ npm install express-generator -g しかし、自動翡翠ファイル...

0  DIVタグを入力ボックスに回します  ( Turn a div tag into a input box ) 
.editable divのH2をCKICKICKICATIONで、入力ボックスに変更する必要があります。その後、それを編集することができ、それをクリックすると入力を更新するか、Enterキーを押します。これは私がそれのために持っているものです、私は立ち往生...

0  ng-optionsを使用しているときに選択に最初のオプションのみが表示されるのはなぜですか?  ( Why does only the first option appear in select when using ng options ) 
NG-Repeatを使用して入力されている選択をしていて、選択の下に2つのオプションを作成する場合は、最初に表示されます。なぜこれは?です 例: <事前> <コード> <select id="dropDownSelect", ng-model="chosen...

2  動的コンテンツを使用してページをロードします  ( Loading pages with dynamic content ) 
Bukkitを使用するいくつかのMinecraftサーバーのためのプロジェクトに取り組んできました。サーバーの世界の動的マップを含むWebページ、およびリアルタイムのイベントアップデートシステム、およびサーバー上でイベントが発生するにつれて更新されるリアルタ...

0  jade.escapeを呼び出すと、Jade.compileClientは失敗します  ( Jade compileclient fails when invoking jade escape ) 
jade.compileClient を使用して、JADEファイルをJS関数に変換し、エスケープされたHTMLを使用するときに問題があります。 Jade In In Write: <事前> <コード> h2= conditional ? 'String1...

0  誰もがブランチで働く翡翠のテンプレート言語を持っていますか?  ( Does anyone have jade template language working in brunch ) 
誰もがブランチを扱う翡翠テンプレットを手に入れましたか?もしそうならどのように? ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有