Блок нефрита не рендеринга

Question

Уверен, что мне не хватает маленькой вещи. Я играю с шаблонами jade в экспресс. Я пытаюсь экспериментировать с блоками и расширениями. По какой-то причине мой блок не работает. Вот нефрита шаблоны:

layout.jade

doctype html 
    html 
    head 
     title= title 
     link(rel='stylesheet', href='/stylesheets/bootstrap.min.css') 
     link(rel='stylesheet', href='/stylesheets/style.css') 
     script(src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js') 
     script(src='/javascripts/bootstrap.min.js') 
    body 
     block content 

index.jade

расширяет расположение

block content 
    header 
     section 
      h1 Hello 
      p. 
       This is my first jade template 
       How incredibly exciting! 
    main 
     div(class="row") 
      div(class="col-md-6") 
       block colOne 
      div(class="col-md-6") 
       block colTwo 

colOne.jade

extends index 

block colOne 
    section 
     p. 
      this will be col one 

colTwo.jade

extends index 

block colTwo 
    section 
     p. 
      this will be the second col. 

index.jade успешно удлиняет макет.jade. Но colOne и colTwo не отображаются.

Я попытался настроить параметры моего вида на {layout: false}, ничего не изменил.

Маршрутизатор просто указывая на index.jade файла:

router.get('/', function(req, res, next) { 
    res.render('index', { title: 'Express Mon'}); 
}); 

Я также видел, что я должен оказывать самое низкое в цепи. Вот почему я обрабатываю индекс, а не макет. Означает ли это, что мне нужно res.render ('colOne')? Я попробовал это, и у меня были мои страницы индекса и макета, но все равно нет colOne. Плюс, как бы эта ссылка colTwo?

** Последнее примечание стороны, мои колонки бутстрапа не работают ни .. ha. EDIT: ** колонны работают, у меня просто был хромированный инспектор, открытый для широкого ... Front end dev ...

Где я напортачиваю?

Answer 1

Сначала предложите добавить jquery перед файлом bootstrap js. Второй

Я понимаю, что вы хотите сделать colOne и Coltwo в div-индексы col-md-6. Для этого вам не нужно расширять индекс в colOne и colTwo ... таким образом вы добавляете индекс в colOne, а не наоборот.

Правильный путь будет: index.jade

main 
     div(class="row") 
      div(class="col-md-6") 
       include colOne //include ../folder/filename.jade 
      div(class="col-md-6") 
       include colTwo 

одеколон и colTwo.jade удалить

extends index.jade 

Надеется, что это помогает