SOURCE

<!-- <button class="btn btn-default btn-lg">button1</button>
<button class="btn btn-primary btn-lg">button2</button>
<button class="btn btn-success btn-lg">button3</button>


<p class="text-warning">hello</p>
<p class="text-danger">hello</p>
<p class="text-info">hello</p>

p bg
<p class="bg-warning">hello world</p>
<p class="bg-danger">hello world</p>
<p class="bg-info">hello world</p>

 <div class="div1">
        <ul class="nav nav-tabs" id="tables">
            <li class="dropdown">
                <a data-target="#" class="dropdown-toggle" data-toggle="dropdown">Separated link
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#e" data-toggle="tab">1</a></li>
                    <li><a tabindex="-1" href="#f" data-toggle="tab">2</a></li>         
                </ul>
            </li>
        </ul>
        <ul class="tab-content">
            <li id="e" class="tab-pane fade ">dsdad</li>
            <li id="f" class="tab-pane fade">aaaaaa</li>
        </ul>
    </div>


<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

<br>
<ul class="nav nav-tabs">
  <li role="presentation" class="active"><a href="">11</a></li>
  <li role="presentation"><a href="">22</a></li>
  <li role="presentation"><a href="">33</a></li>
</ul>
<br>

<ul class="nav nav-tabs nav-pills nav-bottom">
  <li class="active"><a href="#">Home</a></li>
  <li ><a href="#">Profile</a></li>
  <li role="presentation"><a href="#">Messages</a></li>
</ul> -->



<form>
  <fieldset disabled>
    <div class="form-group">
      <label for="disabledTextInput">Disabled input</label>
    </div>
    <div class="form-group">
      <label for="disabledSelect">Disabled select menu</label>
      <select id="disabledSelect" class="form-control">
        <option>Disabled select</option>
      </select>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox"> Can't check this
      </label>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
  </fieldset>
</form>

<ul class="list-inline">
  <li>11</li>
  <li>22</li>
  <li>33</li>
</ul>

<dl class="dl-horizontal">
    <dt>hello</dt>
    <dd>我发惊悚的解放拉萨的解放了宽松的家离开飞机上的离开飞机利斯柯达家房里卡斯家房里三大纪律附近上的离开飞机上的离开家房里卡斯的家房里看电视家房里卡的家所发生的家的离开</dd>
</dl>
<dl class="dl-horizontal">
    <dt>hello</dt>
    <dd>我发惊悚的解放拉萨的解放了宽松的家离开飞机上的离开飞机利斯柯达家房里卡斯家房里三大纪律附近上的离开飞机上的离开家房里卡斯的家房里看电视家房里卡的家所发生的家的离开</dd>
</dl>
<dl class="dl-horizontal">
    <dt>hello</dt>
    <dd>我发惊悚的解放拉萨的解放了宽松的家离开飞机上的离开飞机利斯柯达家房里卡斯家房里三大纪律附近上的离开飞机上的离开家房里卡斯的家房里看电视家房里卡的家所发生的家的离开</dd>
</dl>