Question

我有一些问题因某种原因完全逃脱了我......

我正在使用bootstrap 3分页。没有问题。现在，客户端需要在分页左侧有一个跳转页面功能（请参阅下面的模型图像和html以使其看起来如此）。当我添加跳转以使其正确放置时，它给了我适合。我已尝试使用位置：相对进行整体 div ，并使用位置：绝对进行跳转和分页。我尝试了一个 div ，只是跳转到不同的位置。我得到的最接近的是将跳转功能添加到分页的 li 。这仅适用于 a 标记，否则它将移动到分页的右侧。（对不起，这里不太习惯格式化）

出于某种原因，如果我删除 a 标记，我无法正确设置样式（删除悬停等），并放置在分页的左侧。

这让我完全恶化，因为我知道我错过了什么。

我做了一个搜索并阅读了一堆没有用的项目。任何帮助将不胜感激。

这是模型和HTML。我只使用内联样式进行快速查看。

mockup

<ul class="pagination pagination-sm pull-right">
  <li class="form-group input-group-sm"><a style="border:none;margin-top:-10px;">Go to page <input size="4" placeholder="page #"></input><button class="btn btn-primary btn-xs>Go</button></a></li>
  <li><a href="#">&laquo;</a></li>
  <li class="active"><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">6</a></li>
  <li><a href="#">7</a></li>
  <li><a href="#">8</a></li>
  <li><a href="#">9</a></li>
</ul>

谢谢，中号

Answer 1

您的代码有一些错误，顺便说一下。但除此之外，由于存在大量样式问题，因此请不要将表单组置于同一<ul>的分页中。我认为在分页之外使用div来分割input-group会更容易。

http://www.bootply.com/8RxnexxEtD

删除边距并将显示设置为内联，然后全部设置。

在Bootstap 3分页和样式问题中添加跳转到页面链接

1 个答案: