關於在Bootstrap中浮動

-3

如何浮動左側的圖標和右側的文本？關於在Bootstrap中浮動

對不起，我無法發佈圖片。你可以看到http://i.upanh.com/vafsnn

div class="col-md-3 "> 
       <img src="img/service1.png"/> 
       <div class="column4"> 
        <h1>New way of vision</h1> 
        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, telssa jumalesuada magna mollis euismod. Donec sed odio dui.</p> 
       </div> 
      </div>

來源

2013-08-27 vmars

加上'.pull-left'和'.pull-right'類。 –

圖片不可用。 –

javascript。你嘗試尋找動畫html元素的方法嗎？這是一個非常基本的問題，有很多資源和類似的問題。 –

引導已經有一個名爲.pull-left和.pull-right兩類。

因此，相應地添加它們。

來源

2013-08-27 04:08:11

.pull左浮動左和右浮動

來源

2013-08-27 04:10:05

我嘗試將.pull-right和.pull-left類放在一起，但什麼也沒有發生。請在小提琴上編輯：http://jsfiddle.net/vmars/h7KtU/ – vmars

添加pull-right和pull-left在引導浮動元素.pull右。

<div class="col-md-3 "> 
       <img src="img/service1.png" class='pull-left'/> 
       <div class="column4" class='pull-right'> 
        <h1>New way of vision</h1> 
        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, telssa jumalesuada magna mollis euismod. Donec sed odio dui.</p> 
       </div> 
</div>

更新：從你的jsfiddle，

1）您沒有包括bootstrap.css

檢查updated JSFiddle

來源

2013-08-27 04:11:01 Praveen

<div class="col-md-3 "> 
    <img style="float:left" src="http://lorempixel.com/100/100/"/> 
    <div class="column4"> 
     <h1>New way of vision</h1> 
     <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, telssa jumalesuada magna mollis euismod. Donec sed odio dui.</p> 
    </div> 
</div>

小提琴：http://jsfiddle.net/gGxm7/

來源

2013-08-27 04:11:20

試試這個CSS：查看完整的jsfiddle這裏：http://jsfiddle.net/AuLtx/

.image-css{ 
    height:45px; 
    width:45px; 
    float:left; 
} 

.column4 { margin-left:100px; margin-top:0px; margin-right:0px;}

來源

2013-08-27 04:11:45 poodle

關於在Bootstrap中浮動

回答

相關問題