Does anyone know if this kind of thing is possible?
I've tried using inline-group and form-inline but then it doesn't seem to conform to fit the full grid width.
Whereas form-horizontal seems to expect the entire form on one row.
This code creates the desired output (two form controls on one row) but form-groups are required around each one for viewing in sm mode.
NB: This is for a 16 col grid.
<form>
<div className="form-group row">
<!--form group needed here …Run Code Online (Sandbox Code Playgroud) 我已经按照这个简单的教程(http://jslog.com/2014/10/02/react-with-webpack-part-1/)开始使用React和webpack,但在尝试使用更新时会遇到问题句法.即使用ReactDom调用render而不是弃用的'React.renderComponent'.
我跑了:
npm install --save react-dom
Run Code Online (Sandbox Code Playgroud)
并补充说
var ReactDom = require('react-dom')
Run Code Online (Sandbox Code Playgroud)
到index.jsx文件并添加
'react-dom': 'ReactDom'
Run Code Online (Sandbox Code Playgroud)
到webpack.config.js中的'externals'列表.(我不确定这是否必要.)
但是我收到的javascript错误没有定义ReactDom.
webpack.config.js:
module.exports = {
entry: './index.jsx',
output: {
filename: 'bundle.js', //this is the default name, so you can skip it
//at this directory our bundle file will be available
//make sure port 8090 is used when launching webpack-dev-server
publicPath: 'http://localhost:8090/assets'
},
module: {
loaders: [
{
//tell webpack to use jsx-loader for all *.jsx files
test: /\.jsx$/,
loader: 'jsx-loader?insertPragma=React.DOM&harmony'
}
]
}, …Run Code Online (Sandbox Code Playgroud)