-3

如何在左侧浮动图标，在右侧浮动文本？

抱歉我不能发图片。你可以看到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>
4

5 回答 5

0

试试这个 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-27T04:11:45.523 回答
0

Bootstrap 已经有两个名为.pull-left和的类.pull-right。

所以相应地添加它们。

于 2013-08-27T04:08:11.630 回答
0

.pull-left 用于向左浮动， .pul-right 用于向右浮动

于 2013-08-27T04:10:05.253 回答
0

在引导程序中添加pull-right和pull-left用于浮动元素。

<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

检查更新的 JSFiddle

于 2013-08-27T04:11:01.300 回答
0 
<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-27T04:11:20.240 回答