Bootstrap面板：同一行上的文本和加号

I have a Panel. In that, I have a text to the left side and a + symbol to the right side. When I want to increase the font-size of + symbol then panel heading gets extra height.

我有一个小组。在那里,我在左侧有一个文本,在右侧有一个+符号。当我想增加+符号的字体大小时,面板标题会获得额外的高度。

I don't want to increase font-size of left side text. but + symbol to be litter bigger than left side text.

我不想增加左侧文字的字体大小。但+符号要比左侧文本更大。

.add_discount_plus_minus {
  font-size: 12px;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<div class="panel panel-default set_margin_0 set_padding_0 no_box_shadow" >
  <div class="panel-heading text-left ">
    <div class="row ">
      <div class="col-lg-10 col-md-10 col-sm-10">
        <span>Add Discount</span>
      </div>

      <div class="col-lg-2 col-md-2 col-sm-2">
        <span class="pull-right cursor_pointer add_discount_plus_minus ">+</span>
      </div>
    </div>
  </div>
</div>

更多相关文章

随机推荐