Le boîtier semble idiotiquement simple, mais je ne peux pas traiter de régler les éléments.
ce que j'ai: strong> p> ou: p> ce dont j'ai besoin: strong> p> Code:
JSFIDDLE P> <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>
3 Réponses :
Ajouter p> Clearfix code> à
page-Header code>
<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>
Ajouter p> Clearfix code> dans
page-en-tête CODE> et Ajouter
Affichage: Inline; Code> to
H2 code> H2 code>.
Cela réparera votre problème. (Actuellement H2 CODE> Ajout Inline, vous pouvez le placer dans votre fichier CSS)
<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>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <div class="container"> <div class="page-header"> <h2>Header</h2> <div class="btn-group"> <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>