Question

我正在使用Bootstrap 4和MathJax。将MathJax公式添加到span元素会创建不需要的新行JSFiddle：

<span class="input-group-addon">Variable \( x_1 \)</span>

我尝试将display: block;添加到span元素。一切都是一行，但span元素未正确连接到其邻居。

我希望有一行span元素，它已正确附加。

Answer 1

可能你正在寻找这个

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>

<p>
  Regular:
</p>
 <div class="input-group">
 
      <span class="input-group-addon">Variable \( x_1 \)</span>
       <span class="input-group-btn">
        <select class="btn btn-sm btn-primary">
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
         
        </select>
      </span>
    
      
    </div>

同时检查这个小提琴Working Demo

Bootstrap和MathJax单行

1 个答案: