html - Bootstrap 和 MathJax 单行

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>

同时检查这个 Fiddle Working Demo