Question: The case seems idiotically simple, but I can not deal with setting the elements. 

**What I have:**

[![What I have](https://i.stack.imgur.com/2l5xp.png)](https://i.stack.imgur.com/2l5xp.png)

or:

[![bad](https://i.stack.imgur.com/mKw2e.png)](https://i.stack.imgur.com/mKw2e.png)

**What I need:**

[![button on the right](https://i.stack.imgur.com/3nVnb.png)](https://i.stack.imgur.com/3nVnb.png)

Code:
[JSFiddle](https://jsfiddle.net/x7j02ke6/)

```html
<div class="container">

  <div class="page-header">
    <h2>Header</h2>

    <div class="btn-group <!-- pull-right -->">
        <a class="btn btn-success" href="/Scope/New">Create</a>
        <div class="btn-group">
            <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu pre-scrollable" role="menu">
                <li class="dropdown-header">Create as copy: </li>
                    <li><a href="/Scope/New/1">Test 1</a></li>
                    <li><a href="/Scope/New/2">Test 45</a></li>
                    <li><a href="/Scope/New/3">Lorem ipsum</a></li>
            </ul>
        </div>
    </div>
  </div>
</div>

```

Answer: 
Add `clearfix` in `page-header` and also add `display: inline;` to `h2`.  

This will fix your issue. (currently `h2` added inline, you can place it in your CSS file)

```html
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">

  <div class="page-header clearfix
  ">
    <h2 style="display: inline;">Header</h2>

    <div class="btn-group <!-- pull-right -->">
      <a class="btn btn-success" href="/Scope/New">Create</a>
      <div class="btn-group">
        <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                <span class="caret"></span>
            </button>
        <ul class="dropdown-menu pre-scrollable" role="menu">
          <li class="dropdown-header">Create as copy: </li>
          <li><a href="/Scope/New/1">Test 1</a></li>
          <li><a href="/Scope/New/2">Test 45</a></li>
          <li><a href="/Scope/New/3">Lorem ipsum</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
```
add `clearfix` to `page-header`

```
<div class="page-header clearfix">

```

```html
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">

  <div class="page-header clearfix
  ">
    <h2>Header</h2>

    <div class="btn-group <!-- pull-right -->">
      <a class="btn btn-success" href="/Scope/New">Create</a>
      <div class="btn-group">
        <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                <span class="caret"></span>
            </button>
        <ul class="dropdown-menu pre-scrollable" role="menu">
          <li class="dropdown-header">Create as copy: </li>
          <li><a href="/Scope/New/1">Test 1</a></li>
          <li><a href="/Scope/New/2">Test 45</a></li>
          <li><a href="/Scope/New/3">Lorem ipsum</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
```