JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

    <h1>Broken 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">
            
            <div style="background-color: pink;">
                    
                <form role="form" class="form-horizontal">
                    
                    <div class="form-group">
                        <label class="control-label" for="name">Name</label>
                        <input class="form-control" type="text" name="name" id="name">                    
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label" for="email">Email</label>
                        <input class="form-control" type="email" name="email" id="email">                    
                    </div>
                        
                    <button type="submit">Submit</button>
                        
                </form>

            </div> <!-- pink background div -->
                        
        </div> <!-- .col-md-4 -->
    
    </div> <!-- .row -->

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