bootstrap - 同一行 <H> 和按钮
我想在同一行有一个和一个按钮。在 float:left 上并在 上按钮float:right。因此，一个在一侧，另一个在另一侧的相同位置。
<div class="row">
<div>
<h3>Catalogue</h3>
<div>
<a href="search.php" class="btn btn-primary"><i class="fa fa-search"></i></a>
</div>
</div>
</div>
这是我到目前为止的代码。我正在使用引导程序3。
慕勒3428872浏览 131回答 2
2回答
-
蛊毒传说
这将解决您的疑问。<!DOCTYPE html><html><head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"></head><body><div class="container"> <div class="row"> <div class="col-sm-6"> <h3>Catalogue</h3> </div> <div class="col-sm-6"> <div class="pull-right"> <a href="search.php" class="btn btn-primary">Click Me<i class="fa fa-search"></i></a> </div> </div> </div></div></body></html> -
红颜莎娜
这是您要找的吗？↓↓<!DOCTYPE html><html><head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"></head><body> <div class="container"> <h3>Catalogue <a href="search.php" class="btn btn-primary pull-right">Click Me<i class="fa fa-search"></i></a> </h3> </div></body></html>
随时随地看视频慕课网APP
相关分类
Html5