小编mik*_*ejw的帖子

Multiple form-groups on single row in Bootstrap 4

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)

html forms twitter-bootstrap-4

4
推荐指数
1
解决办法
1万
查看次数

ReactDom没有使用react和webpack定义

我已经按照这个简单的教程(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)

javascript reactjs webpack

3
推荐指数
1
解决办法
5674
查看次数

标签 统计

forms ×1

html ×1

javascript ×1

reactjs ×1

twitter-bootstrap-4 ×1

webpack ×1