我想在同一行有一個和一個按鈕。在 float:left 上并在 上按鈕float:right。因此，一個在一側(cè)，另一個在另一側(cè)的相同位置。<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>這是我到目前為止的代碼。我正在使用引導(dǎo)程序3。
2 回答
蠱毒傳說
TA貢獻(xiàn)1895條經(jīng)驗 獲得超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貢獻(xiàn)1842條經(jīng)驗 獲得超13個贊
這是您要找的嗎？↓↓
<!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 關(guān)注
- 187 瀏覽
添加回答
舉報
0/150
提交
取消