我想在同一行有一个和一个按钮。在 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。
2 回答
蛊毒传说
TA贡献1895条经验 获得超3个赞
这将解决您的疑问。
<!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>
红颜莎娜
TA贡献1842条经验 获得超12个赞
这是您要找的吗？↓↓
<!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>
- 2 回答
- 0 关注
- 118 浏览
添加回答
举报
0/150
提交
取消