如何将btn btn-primary类添加到锚标记？
[英]How to add btn btn-primary class to anchor tag?
问题描述
I want to add btn btn-primary class to the anchor taq This is my code but its not working. 
我想将btn btn-primary类添加到anchor taq这是我的代码，但不起作用。
<ul class="pagination">
<li><a class="btn btn-primary" href="?pageno=1" >First</a></li>
<li class="<?php if($pageno <= 1){ echo 'disabled'; } ?>">
<a href="<?php if($pageno <= 1){ echo '#'; } else { echo "?pageno=".($pageno - 1); } ?>">Prev</a>
</li>
<li class="<?php if($pageno >= $total_pages){ echo 'disabled'; } ?>">
<a href="<?php if($pageno >= $total_pages){ echo '#'; } else { echo "?pageno=".($pageno + 1); } ?>">Next</a>
</li>
<li><a href="?pageno=<?php echo $total_pages; ?>">Last</a></li>
</ul>
4 个解决方案
解决方案1
1 2018-10-14 09:59:13
You can try to do this : 您可以尝试这样做：
<a href="?pageno=1">
<button type="button" class="btn btn-primary">First</button>
</a>
解决方案2
1 2018-10-14 10:06:03
add boostrap reference inside your <head> tag 在您的<head>标记内添加boostrap参考
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
解决方案3
0 已采纳 2018-10-14 10:27:21
If you have added the bootstrap from the local pc. 如果您已从本地计算机添加了引导程序。 then you go to bootstrap.min.css . 然后转到bootstrap.min.css 。 And search and replace this code .btn-primary{color:#fff; background-color: #337ab7; border-color: #2e6da4;} 然后搜索并替换此代码.btn-primary{color:#fff; background-color: #337ab7; border-color: #2e6da4;} .btn-primary{color:#fff; background-color: #337ab7; border-color: #2e6da4;} .btn-primary{color:#fff; background-color: #337ab7; border-color: #2e6da4;} with That code, I am sure it will work for you. .btn-primary{color:#fff; background-color: #337ab7; border-color: #2e6da4;}使用该代码，我相信它将对您.btn-primary{color:#fff; background-color: #337ab7; border-color: #2e6da4;} 。
.btn-primary{color:#fff; background-color: #337ab7!important; border-color: #2e6da4!important;}
解决方案4
0 2018-10-14 11:36:53
Here is a sample solution: 这是一个示例解决方案：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Add Full Bootstrap</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
</head>
<body>
<h1>Bootstrap Pagination</h1>
<ul class="pagination">
<li><a class="btn btn-primary" href="?pageno=1">First</a></li>
<li class="<?php if ($pageno <= 1) {
echo 'disabled';
} ?>">
<a href="<?php if ($pageno <= 1) {
echo '#';
} else {
echo "?pageno=" . ($pageno - 1);
} ?>">Prev</a>
</li>
<li class="<?php if ($pageno >= $total_pages) {
echo 'disabled';
} ?>">
<a href="<?php if ($pageno >= $total_pages) {
echo '#';
} else {
echo "?pageno=" . ($pageno + 1);
} ?>">Next</a>
</li>
<li><a href="?pageno=<?php echo $total_pages; ?>">Last</a></li>
</ul>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
For more, go to Getting started Bootstrap 有关更多信息，请转到Bootstrap入门。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.