JSFiddle - React, Tailwind, and code Playground

by Halit Yurttas

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container my-5">

  <div class="form-group row">
    <label for="text" class="col-4 col-form-label">Etiket</label> 
    <div class="col-8">
      <input id="text" name="text" type="text" class="form-control">
    </div>
  </div>
  <div class="form-group row">
    <label for="text1" class="col-4 col-form-label">Seo Url</label> 
    <div class="col-8">
      <input id="text1" name="text1" type="text" class="form-control">
    </div>
  </div>
  <div class="form-group row">
    <label for="select" class="col-4 col-form-label">Sıralama</label> 
    <div class="col-8">
      <select id="select" name="select" class="custom-select">
        <option value="0">En Üst</option>
      </select>
    </div>
  </div>
  <div class="form-group row">
    <label for="select1" class="col-4 col-form-label">Banner</label> 
    <div class="col-8">
      <select id="select1" name="select1" class="custom-select">
        <option value="">Yok</option>
        <option value="abcdef-xyz-12345-234234234">Banner 1</option>
      </select>
    </div>
  </div> 
  
</div>