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>

檢查這個小提琴也Working Demo