我无法在导航栏右侧对齐图像。
你能告诉我为什么吗?
https://jsfiddle.net/2juzLktc/
<nav class="navbar navbar-inverse navbar-light">
<div class="container-fluid" id="div1">
<a class="navbar-brand" href="#"><img src="http://www.clker.com/cliparts/T/G/b/7/r/A/red-dot-hi.png" width="150px" height="30px"></a>
<ul class="nav navbar-nav navbar-right">
<li><img src="https://cdn.pixabay.com/photo/2017/02/16/10/20/target-2070972_960_720.png" width="10%" id="eye" ></li>
</ul>
</div>
最佳答案
像这样向您的图像添加 pull-right
类,它将使图像右对齐。
<ul class="nav navbar-nav navbar-right">
<li><img class="pull-right" src="https://cdn.pixabay.com/photo/2017/02/16/10/20/target-2070972_960_720.png" width="10%" id="eye" ></li>
</ul>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<nav class="navbar navbar-inverse navbar-light">
<div class="container-fluid" id="div1">
<a class="navbar-brand" href="#"><img src="http://www.clker.com/cliparts/T/G/b/7/r/A/red-dot-hi.png" width="150px" height="30px"></a>
<ul class="nav navbar-nav navbar-right">
<li><img class="pull-right" src="https://cdn.pixabay.com/photo/2017/02/16/10/20/target-2070972_960_720.png" width="10%" id="eye" ></li>
</ul>
</div>
</nav>
关于html - Bootstrap 在导航栏右侧对齐图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46362560/