将图像左侧放置在文本右侧的文本和图标上

时间:2016-09-09 13:20:17

标签: html twitter-bootstrap twitter-bootstrap-3

我想在图标和图像的中间放置一些文字。不知何故,它还没有完全奏效。我似乎无法让一切变得美好而且排除在外。

这是我的代码:



<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="row">
  <div class="col-lg-12">
    <div class="col-md-10">
      <div class="span6">
        <img class="companyIcon" src="http://findicons.com/files/icons/766/base_software/128/circle_blue.png" />
      </div>
      <div class="companyTitle span3">
        <p>Coinchase<i class="fa  fa-edit" aria-hidden="true"></i>  <i class="fa fa-trash" aria-hidden="true"></i>
        </p>
      </div>
    </div>
    <div class="col-md-2">
      <p>Back to results <i class=" fa  fa-mail-reply " aria-hidden="true"></i>
      </p>
    </div>
  </div>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

.col-md-10 {
    float: left;
}
.col-md-10 .span6 {
    display: inline-block;
}
.col-md-2 {
    float: right;
}
.companyTitle.span3 {
    display: inline-block;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="row">
  <div class="col-lg-12">
    <div class="col-md-10">
      <div class="span6">
        <img class="companyIcon" src="http://findicons.com/files/icons/766/base_software/128/circle_blue.png" />
      </div>
      <div class="companyTitle span3">
        <p>Coinchase<i class="fa  fa-edit" aria-hidden="true"></i>  <i class="fa fa-trash" aria-hidden="true"></i>
        </p>
      </div>
    </div>
    <div class="col-md-2">
      <p>Back to results <i class=" fa  fa-mail-reply " aria-hidden="true"></i>
      </p>
    </div>
  </div>
</div>
    DirPath_O_Text = wx.StaticText(panel,label='Remote Directory Path', style=wx.ALIGN_RIGHT)
    self.DirPath_O_TC = wx.TextCtrl(panel)
    self.DirPath_O_TC.ChangeValue("/var/lib/cmt/tomcat/CDES")

    hbox1.Add(DirPath_O_Text, proportion=1,flag=wx.EXPAND|wx.BOTTOM,border=10)
    hbox1.Add((25,-1))
    hbox1.Add(self.DirPath_O_TC, proportion=1,)
    hbox1.Add((25,-1))