引導頁腳莫代爾間距不React.js

我想這兩個按鈕之間添加一個空格的工作，所以我用白手起家模式尺類，我相信這些按鈕都應該有空間之間，但沒有間距。我的代碼如下：引導頁腳莫代爾間距不React.js

< DIV的className =「模式軀」>

 <Button bsStyle = "primary pull-right" formNoValidate={true} type="submit">Submit</Button> 

     <Button bsStyle = "default pull-right" onClick={this.resetForm} type="reset">Reset</Button> 

     </div>

來源

2017-06-29 Frank Boccia

您可能需要在組件之間添加'{''}'，因爲一旦JSX被編譯，它們之間的空格就會被跳過。例如'

@AnthonyGarcia感謝，我試圖實現這一點，但我得到兩個白色的盒子...你介意更新上面的代碼？當我實現這個 –

您的JSX標籤之間的空白頻段一旦被JSX編譯爲JavaScript不被保存。如果你想保持他們無論如何，你可以這樣做：

<Button bsStyle = "primary pull-right" formNoValidate={true} type="submit">Submit</Button> 
{' '} 
<Button bsStyle = "default pull-right" onClick={this.resetForm} type="reset">Reset</Button>

來源

2017-06-29 16:08:38

什麼也沒有發生，我刪除了這兩個標籤拉右它完美地工作。 –

把它們放在裏面「BTN-工具欄」，而不是「模式軀」。 .modal-footer類用於定義模式頁腳的樣式。對於.btn-toolbar類，請參閱Bootstrap documentation的更多信息。

試試這個代碼：

 <div className="btn-toolbar"> 

      <button className="btn btn-primary pull-right" formNoValidate={true} type="submit">Submit</button> 

      <button className ="btn btn-primary pull-right" onClick={this.resetForm} type="reset">Reset</button> 

     </div>

請注意：我已經使用 '按鈕' HTML標記引導的不 '按鈕'。這就是爲什麼我將bsstyle更改爲className。你可以嘗試你的引導設置。

還有其他CSS方法也使用它可以提供最簡單的一種是「保證金右」分配到按鈕按鈕之間的空間。

來源

2017-06-29 16:46:50 Upasana

謝謝您的回答 –

爲了解決這個問題，我刪除了「右拉」和間距從白手起家「模式軀」類的工作。

<div className= "modal-footer"> 

    <Button bsStyle = "primary" formNoValidate={true} type="submit">Submit</Button> 

    <Button bsStyle = "default" onClick={this.resetForm} type="reset">Reset</Button> 

    </div>

來源

2017-06-29 16:59:30

引導頁腳莫代爾間距不React.js

回答

相關問題