Question

我是新来的，但过去你已经帮了我很多。我正在为我的公司建立一个网站，我正在学习，因为我正在向前迈进。现在我正在使用Dreamweaver和Bootstrap进行构建，但我遇到了问题。我想添加一个部分（多个，但我可以复制和粘贴以获得类似的结果）与投资组合。问题是，我甚至不知道如何打电话给我想要的东西。我想4＆＃34; tab＆＃34;在一行中有一个图像，白色如果活动，灰色，如果没有，并通过点击顶部的图像，我想要一个小箭头（可能是我设计的一个）指向内容，一些文本和图像。

到目前为止，我已经通过一些专栏获得了这个结果，但当然不是我想要的，因为我希望底部的内容能够传播，而不仅仅是在顶部图像之下。

之后，我认为旋转木马有一些调整，但仍然不是我想要的，也许是相似的，但它不一样。而且，我仍然有图像颜色的问题。事实上，我不知道我是否必须使用这两张图片或者有一个命令。

总而言之，为了让您更好地了解我想要的内容，想象一下类似Firefox或Chrome标签的内容，如果选中了一个小箭头，并且选中一个白色的图标。在内容之下，占据整个宽度。

对不起，如果我说错了，但正如我所说，我（慢慢地）学习。

编辑：这是一个直观的例子：http://imgur.com/0h1VQVQ

由于

Answer 1

可能bootstrap的标签会帮助你： http://getbootstrap.com/javascript/#tabs

Html代码：

<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a data-target="#home" data-toggle="tab">Home <span class="caret"></span></a></li>
    <li><a data-target="#profile" data-toggle="tab">Profile</a></li>
    <li><a data-target="#messages" data-toggle="tab">Messages</a></li>
    <li><a data-target="#settings" data-toggle="tab">Settings</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="home">Home</div>
    <div class="tab-pane" id="profile">Profile</div>
    <div class="tab-pane" id="messages">Message</div>
    <div class="tab-pane" id="settings">Settings</div>
</div>

jQuery代码：

jQuery(function () {
    jQuery('#myTab a:first').tab('show');
});

工作示例：http://jsfiddle.net/xFW8t/1801/

水平标签库（我不知道如何调用它）

1 个答案: