Question

Twitter Bootstrap相当新，我现在面临以下问题。

我有一个基于我在官方网站上找到的一些入门示例的小型网站。它到目前为止一直很好。

在这里，我想设置一种在两种语言之间切换的方法。

为此，我在顶部设置了2个按钮，其中包含以下代码：我也从其中一个示例中获得：

  <div class="masthead">
    <div class="navbar">
      <div class="navbar-inner">
        <div class="nav_container">
          <ul class="nav">
            <li class="active"><a href="#">English</a></li>
            <li><a href="#">Japanese</a></li>
          </ul>
        </div>
      </div>
    </div><!-- /.navbar -->
  </div>

我需要更改哪些内容，以便在单击非活动按钮时重新加载网站？

在PHP中处理起来很简单。我会设置一个变量，用$ _POST和... .etc得到它... 但Twitter Bootstrap的诀窍是什么？

我觉得它一定很简单。虽然我没有通过搜索网找到解决方案。而且我不得不承认，我对Twitter Bootstrap似乎使用的JavaScript的熟悉程度要低于PHP。

我将非常感谢任何相关提示。提前谢谢。

Answer 1

这里的主要问题是你尝试使用Bootstrap作为它不是的东西。 Bootstrap实际上只是处理网站呈现（漂亮）的一种简单方法。

您正在寻找的是一种切换网站实际内容（单词等）的方法。

这可以通过使用同时下载日语和英语的内容在Javascript中完成，然后将内容切换出来，但它是讨厌的，不应该这样做。

正确的方式

这是通过使用服务器端语言（例如PHP）来设置用户正在查看页面的语言，然后提供相关文本。

非常简化版本就是这样：

<li class="active"><a href="?set_lang=english">English</a></li>
<li><a href="?set_lang=japanese">Japanese</a></li>

然后

<?php
  session_start();

  //Set the language in a session to ensure that all future requests to this website
  //will default to being in the correct language
  if(isset($_GET["set_lang"])){
    $_SESSION["language"] = $_GET["set_lang"];
  }elseif(!isset($_SESSION["language"]){
    //Default language
    $_SESSION["language"] = "english";
  }

  if($_SESSION["language"]==="english"){
    echo "Hello!";
  }elseif($_SESSION["language"]==="japanese"){
    echo "Konichiwa!";
  }

Twitter Bootstrap：如何重新加载？

1 个答案: