引导页脚莫代尔间距不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

回答

相关问题