JSFiddle - React, Tailwind, and code Playground

by PierreChx

HTML

<!DOCTYPE html>
 
 <html>
<head>
    <base target="_top">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
 <div class="container-fluid">
       <div class="sticky-top shadow" id="containerMain">
            <div class="container-fluid bg-secondary text-light p-1">
                <div class="row align-items-center "> 
                       Line number one content here
                </div>
            </div>
            <div class="container-fluid filters bg-light align-items-center"> 
                <div class="row p-1">
                        Line number two content here
                </div>
            </div>
            </div>
       
       
</div>

</body>
</html>