Question

首先，我是编程领域的新手，刚刚开始。

我遇到导航链接问题，在桌面视图中工作正常。但是，它在响应式视图中无法点击。

请帮帮我。我相信这对你来说很容易。

以下是演示：https://zeraus.github.io/brapstoot/

谢谢！

Answer 1

Bootstrap是一个移动的第一个框架。您为其桌面视图建立了类，但没有响应视图。

找到Feed所在的div并添加较小的屏幕尺寸视图类，如下所示：

       <div class="col-xs-12 col-sm-12 col-md-4">
           <div class="visible-xs-block"></div>
           ...
       </div>

P.S。不要因为投票而气馁，也不要停止询问。你是新人，你澄清了这一点，所以当你提出要求时犯错是很正常的。那些downvotes是为了保护S.O.的完整性。不要亲自伤害你。当你开始发布更好的帖子时，你会得到它们。与此同时，这里有一些提示：

切勿直接在您的网站上发布链接。那里的垃圾邮件发送者太多了。我冒了风险。其他人不胜。

始终发布相关的HTML，CSS，JS或您需要注意的任何代码。

如果可能，请熟悉JFiddle.com和codepen在那里发布您的代码，然后在此处链接，以便我们有一个在线编辑器。

请不要提出广泛的答案，例如＆＃34;如何建立网站？＆＃34;做你的步法，尝试一下。然后来问。

一旦你可以发布截图，就这样做。

如果您的问题没有得到解决，请不要复制相同的问题。

不要亵渎神明并且不要侮辱。我们在这里自愿帮助您。我们不必这样做，你知道大声笑

在下一个问题上做到这一点，你将是金色的！

祝你好运并编写美丽的代码！

Answer 2

Bootstrap是用于开发响应式HTML, CSS, and JavaScript的最受欢迎的mobile-first web sites框架。 尝试这样

<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<body>

<div class="container">
  <div class="jumbotron">
    <h1>My First Bootstrap Page</h1>
    <p>Resize this responsive page to see the effect!</p> 
  </div>
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>        
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
  </div>
</div>

</body>

使用Bootstrap构建的链接错误（新手）

2 个答案: