"text box example"
Bootstrap 4.1.1 Snippet by dkstudio

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row builder"> <h2>text box example</h2> <div class="col-md-7"> <h2>Preview</h2> <div class="browser"> <div class="top"> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> </div> <div class="content"> <p>We use cookies and other tracking technologies to improve your browsing experience on our web site, to show you personalized content and targeted ads, to analyze our website traffic, and to understand where our visitors are coming from. By browsing our website, you consent to our use of cookies and other tracking technologies.</p> </div> </div> </div> </div> </div>
.builder .browser { border: 3px solid #f1f1f1; border-top-left-radius: 4px; border-top-right-radius: 4px; } .builder .browser .top { padding: 10px; background: #f1f1f1; border-top-left-radius: 4px; border-top-right-radius: 4px; } .builder .browser .dot { height: 12px; width: 12px; background-color: #bbb; border-radius: 50%; display: inline-block; } .builder .browser .content { padding: 0; }

Related: See More


Questions / Comments: