2015-05-03 25 views
0

我真的不知道如何把它放在文字中,所以這裏是我實際需要創建,但不知道如何。引導3不均勻的標題顏色

我使用的是最新版本的引導

的這是預期的效果 https://www.dropbox.com/s/uwq39tbswp44j1i/desired.jpg?dl=0

,這就是我目前有

https://www.dropbox.com/s/ksvgf9ohdmln6xe/Screenshot%202015-05-03%2002.01.19.png?dl=0

這是標記

<div class="container"> 
 
    <img class="img-responsive" src="logo.png"> 
 
    <h1>The text</h1> 
 
</div>

所以你會recommned網站必須反應靈敏,在移動版而言,我認爲最好的情況下sceneario要麼是較小的字體或堆疊它彼此頂部。

請幫我我很絕望。

+1

我不明白你的問題是什麼 –

+0

絕望和很不清楚。做一個jsfiddle並編輯你的問題,所以我們真的知道你的問題。 – Macsupport

回答

0

這是不完全清楚你要求什麼,但我會試一試。

我看到的第一個問題是您沒有遵循正確的引導程序佈局規則(請參閱http://getbootstrap.com/css/#grid)。下面是如何做到這一點的一個例子。要保持物品水平排列,您需要有<div class='row'>。以下是我認爲你正在尋找的東西。

<div class="container"> 
     <div class='row'> 
     <div class='col-xs-3'> 
      <img class="img-responsive" src="http://www.xamalot.com/preview/png3/5e78c8d8-3f02-4e3c-9a3a-d95432c606e3" /> 
     </div> 
     <div class='col-xs-9'> 
      <h1>The text</h1> 
     </div> 
     </div> 
    </div> 

我已經把工作示例在http://jsbin.com/mafuxeyebu/1/edit?html,output

+0

我忘了添加boostrap標記,但這並不重要。我想要的東西是這樣的:標題分爲兩個不同的部分,它們都有自己的背景 – IamLee

0

我不完全知道你是問什麼,但你可以嘗試使用截圖程序來捕獲所需的標題爲圖像,那麼你會不必建立它。

使圖像響應在引導你可以使用響應類:

<img class="responsive"> 

我只是用真棒-截圖搶,作爲一個圖像

右鍵單擊>打開圖像新標籤如果你只是想使用這個圖像

現在你可以使用GIMP或Photoshop編輯你的標誌/標語。

很明顯,這是一個解決方法,但後來我甚至不知道這是你想要的。

感謝