JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

    <h1>Corrected (?) version</h1>
	<h2>Don't forget to expand the width of this preview window. Otherwise you'll just see Boostrap's xs (vertically stacked) layout.</h2>

	<div class="row">

		<div class="col-md-8">

			<div style="background-color: orange;">
				<p>This column will be filled with text. Lorem ipsum dolor sit amet...</p>
			</div>

		</div> <!-- .col-md-8 -->

		<div class="col-md-4"  style="background-color: pink;">
                  
                    <form role="form" class="form-horizontal">
							<div class="form-group col-md-4">
								<label class="control-label" for="name">Name</label>
                                <input class="form-control" type="text" name="name" id="name"/>                    
						
						</div>

						
							<div class="form-group col-md-4">
								<label class="control-label" for="email">Email</label>
                                <input class="text form-control" type="email" name="email" id="email"/>                    
							</div>
						

						<button type="submit">Submit</button>

					</form>
	
		</div> <!-- .col-md-4 -->

	</div> <!-- .row -->

</div> <!-- .container -->