Question

这看起来很奇怪，我想创建一个像Stackoverflow这样简单的标题，所以我一直在努力编写正确的代码。请帮助

<template name="DashboardLayout">
<hr>
    <div class="row">
        <div col-md-8 col-md-offset-9><center><input type="text" name="search" placeholder="Search.."></center> </div>
        <div col-md-4 ><center><label>Profile</label></center> </div>
        <div col-md-4 ><center><label>Settings</label></center> </div>
        <div col-md-4 ><center><label>Videos</label></center> </div>
        <div col-md-4 ><center><div class="dropdown">
          <div class="dropbtn">Dropdown</div>
          <div class="dropdown-content">
            <a href="#">Link 1</a>
            <a href="#">Link 2</a>
            <a href="#">Link 3</a>
          </div>
        </div></center> </div>
    </div>
<hr>
</template>

使用bootstrap我是如何实现这一目标的？

Answer 1

你要的是什么？为您提供完整的HTML CSS和JS是否需要？

Check this link in Bootstrap默认示例基本上是你想要的。徽标，链接（文本或图标链接），搜索栏和下拉列表。全部响应。

然后只是玩风格来获得更好的副本。

Answer 2

您可以做的是为现有标记添加一些自定义类，并为相应的类编写自己的样式。或者如果您需要简单的自定义版本，可以使用this来更轻松地构建它或者这一个https://work.smarchal.com/twbscolor/

如果您想要成熟地查看导航栏this

，请阅读http://blog.jetstrap.com/2013/07/less-like-bootstrap/

如何提升这些元素

2 个答案: