放置功能按钮答案

【问题标题】：Placing function buttons放置功能按钮
【发布时间】：2018-08-15 09:06:37
【问题描述】：

有没有办法把这两个按钮放在一起？我将它们称为函数：[图片][1]

这是我的代码：

 export default class CreditCardForm extends React.Component {
 constructor () {
 super()}

 render() {;
   return (
     <div>
       <ButtonNew />
       <ButtonExisting />
     </ div>
   )
 }
}

谢谢！ [1]：https://i.stack.imgur.com/bkUDC.jpg

【问题讨论】：

听起来您想使用 css 将它们彼此相邻放置。看看 flexbox css-tricks.com/snippets/css/a-guide-to-flexbox
Two buttons sharing a row in react-native的可能重复

标签： javascript reactjs

【解决方案1】：

这样做的方法太多了，你只需要在你的组件中放一些 css，但是又快又简单：用你想要的 css 在你的组件上放置一个样式：

 <ButtonNew style={{float:'left'}} />
 <ButtonExisting style={{float:'left'}} />

见Four ways to style components

您可以查看react-bootstrap的网格系统

【讨论】：