如何在主頁上顯示不同鏈接到特定區域的不同內容

我想爲我們的組織設計一個網站。在本網站中，我希望將不同鏈接的內容顯示在主頁上的特定內容區域。例如，假設用戶點擊「關於我們」鏈接，那麼在該特定內容區域中，「關於我們」的內容將被顯示，並且與其他鏈接也顯示相同的情況。默認情況下，「Home」鏈接的內容將顯示在那裏。我不知道如何做到這一點....有人請幫助我！（我正在使用Bootstrap，Html和Css。如果其他語言也需要這個目的，那麼請告訴我。）謝謝大家。如何在主頁上顯示不同鏈接到特定區域的不同內容

<!DOCTYPE html> 
<html lang="en"> 
<head> 

     <meta charset="utf-8"> 

     <link type="text/css" href="design.css" rel="stylesheet" /> 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 

</head> 
<body> 
     <div class="container-fluid"> 
      <nav class="navbar navbar-default navbar-fixed-top"> 

       <div class="row" > 

        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">Some Text...</div> 
       </div> 
      <div class="row"> 

       <div class="col-md-1 col-lg-2" ></div> 
       <div class="col-xs-12 col-sm-12 col-md-10 col-lg-8" > 
         <ul class="nav nav-tabs navbar-inverse"> 

          <li><a href="#">Home</a></li> 
          <li><a href="#">About Us</a></li> 
          <li><a href="#">Mission</a></li> 
         </ul> 

       </div> 
       <div class="col-md-1 col-lg-2" ></div>   
      </div> 


     </nav> 
    </div> 
<div class="container-fluid"> 

      <div class="row"> 
       <div class="col-sm-3"></div> 
       <div class="col-sm-6" ></div> 
       <div class="col-sm-3"></div> 
      </div> 

      <div class="row"> 
       <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> 
        <button type="button" class="btn btn-primary">Home</button> 
        <button type="button" class="btn btn-primary">About Us</button> 

       </div> 
       <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">Main Content Area</div> 
       <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"></div> 

      </div> 
</div>

我希望顯示的鏈接的所有內容可根據用戶的選擇在第二DIV（從底部）。

來源

2015-09-08 Bera

您能否整理一下您的格式？用這些多餘的線條向右傾斜是很困難的。 –

在引導您可以設置類「BTN」在標籤中「一」來獲得一個按鈕，同樣款式的

<a href="#aboutus" class="btn btn-primary">About Us</a>

要顯示鏈接的內容acording你需要設置標籤的「ID」，「 div「和標籤」a「在」href =＃aboutus「中設置」id「的名稱，例如：

<div id="aboutus"> 
<!-- content --> 
</div> 
<a href="#aboutus" class="btn btn-primary">About Us</a>

來源

2015-09-08 16:08:06

如何在主頁上顯示不同鏈接到特定區域的不同內容

回答

相關問題