html - 如何使用 Bootstrap 将显示位置固定为 CSS3 中的所需值？

Question

我正在尝试使用 2 个 Bootstrap 图标的组合来实现如下所示的图标:

我试着给 margin\top\right。这些似乎都没有任何效果。 这是我到目前为止尝试过的:jsfiddle

代码:

  <div class="row pull-right" style="margin-right: 50px; margin-top: 10px;">
  <div id="toggleIcon">


        <div class="eye">
            <span class="glyphicon glyphicon-eye-open adjust-eye"></span>
        </div>
         <span class="glyphicon glyphicon-align-justify"></span>
    </div>
</div>

SCSS:( fiddle )

请告诉我如何实现，以及为什么 margin\top\right 没有按预期工作？

Answer 1

#toggleIcon .eye{position: relative; bottom:-20px;}