Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by Sergio Flores

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-with-addons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.min.js "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/2.0.0/ReactRouter.min.js"></script>
<div id="root"></div>

CSS

/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

body {
    margin: 10px;
}

Babel + JSX

const { Component } =  React;

class SomeForm extends Component {

    handleSubmit(e){
    		const selectedFile = e.target.input.files[0];
        console.log('Selected File', selectedFile);
        var data = new FormData();
        data.append('file', selectedFile);
        console.log('Form Data', data);
    }

    render(){
        return(
            <form onSubmit={this.handleSubmit}>
              <label>Upload File:</label>
              <input
                type="file"
                name="input"
              />
              <button type="submit">Upload</button>
            </form>
        );
    }
}


ReactDOM.render(
  <SomeForm />,
  document.getElementById('root')
);