2016-01-22 45 views
0

我的目标是在frame-content class的标题中添加徽标。这是我的代码:如何在帧内容容器引导程序中添加标题?

<div id="future" class="frame-content"> 
     <div class="frame-container"> 

      <div class="frame-content"> 
       <div class="row"> 
        <div class="form-group"> 
         <label for="appointment_history" class="control-label"> 
          <h4> 
          Future appointment 
          </h4> 
         </label> 
         <div id="appointment_future" class="col-md-4 form-control"><div class="appointment_history-row" data-id="69ae226c01cbd83b0ac03b484eb82d95"><strong>gen Venerdì 22/01/2016 15:58:00</strong> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="command-buttons command-buttons-left"> 
      <button type="button" class="btn btn-warning home"> 
       <i class="icon-home"></i> 
       Panel </button> 
     </div> 
    </div> 

,这是jsfiddle.

从本质上讲,你怎么可以看到标签Future appointment没有必要的空间,加贴标识的头,所以我想达到的目标是在Future appointment标签顶部插入徽标。但也许我错了选择Bootstrap类因为我没有必要的空间插入示例徽标或任何其他内容。有人知道我该如何解决这个问题?

回答

1

我不太知道你正在尝试做的。如果你想只是想在未来的约会标签上面添加一个标志,只需在此标签之前添加一行。

<div class="row"> 
    Logo here 
</div> 

请再看这里https://jsfiddle.net/DTcHh/16207/。我更新了jsfiddle。

+0

好,似乎工作正常,如果我想添加一个页脚粘到主容器的底部?是一样的吗? – Sandokan

+0

检查更新的jsfiddle这里的粘脚页面[链接](https://jsfiddle.net/DTcHh/16213) – sofiakol

+0

也许你错了链接,没有页脚可用 – Sandokan

0

如果我理解正确,结果将会像这样更新的小提琴或类似下面。 Fiddle

<div id="future" class="frame-content"> 
 
      <div class="frame-container"> 
 
<div style="background-size:272px 92px;height:92px;width:272px;background: url(https://www.google.co.za/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png) no-repeat;" title="Google" align="left"><div class="logo-subtext"></div></div> 
 
       <div class="frame-content"> 
 
        <div class="row"> 
 
         <div class="form-group"> 
 
          <label for="appointment_history" class="control-label"> 
 
           <h4> 
 
           Future appointment 
 
           </h4> 
 
          </label> 
 
          <div id="appointment_future" class="col-md-4 form-control"><div class="appointment_history-row" data-id="69ae226c01cbd83b0ac03b484eb82d95"><strong>gen Venerdì 22/01/2016 15:58:00</strong> 
 
         </div> 
 
        </div> 
 
       </div> 
 
      </div> 
 
      <div class="command-buttons command-buttons-left"> 
 
       <button type="button" class="btn btn-warning home"> 
 
        <i class="icon-home"></i> 
 
        Panel </button> 
 
      </div> 
 
     </div>

相关问题