2016-01-22 51 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>

相關問題