如何在模板中放置几个​​元素?

时间:2015-06-18 07:25:39

标签: javascript html templates handlebars.js

我需要在手柄中为html页面创建模板,整个html应该放在模板中。对于例如我有:

    <div class= "something-pull-left-something">
      <div class="someclass">
      <li a href= ''>Some more info and some more divs and spans and html code</li>
      </div>
    </div>

我应该为第一个div创建一个大模板''something-left-left-something'',并为其他项目创建一个较小的模板,我不能理解这应该如何发生。

3 个答案:

答案 0 :(得分:0)

将其划分为有意义的部分。尽量避免使用一个巨大的模板。而是制作一个包含许多其他模板的模板。您可能遇到性能问题但稍后会担心 - 这可能不是问题。

答案 1 :(得分:0)

  1. 制作包含页眉,正文和页脚的主模板。
  2. 将部分内容添加到主模板。

答案 2 :(得分:0)

如果您想使用Bootstrap,那么您可以浏览此http://getbootstrap.com/components

或者您可以使用bootstrap类

<div class="container">
   <div class="col-md-12">
   //code 
   </div>
   <div class="col-md-12">
       <div class="col-md-6">
        //code 
       </div>
       <div class="col-md-6">
        //code
       </div>
   </div>
</div>