content: import React from 'react';
  import { Link } from 'react-router';
  
  
  
  class Header extends React.Component {
    render() {
      return (
        <nav className="navbar navbar-default navbar-fixed-top"
        style={{backgroundColor: 'transparent'} }>
        <div className="container">
          <div className="navbar-header">
            <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span className="sr-only">Toggle navigation</span>
              <span className="icon-bar"></span>
              <span className="icon-bar"></span>
              <span className="icon-bar"></span>
            </button>
            <a className="navbar-brand" href="#">Project name</a>
          </div>
          <div id="navbar" className="navbar-collapse collapse">
            <ul className="nav navbar-nav">
              <li className="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
              <li className="dropdown">
                <a href="#" className="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span className="caret"></span></a>
                <ul className="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li role="separator" className="divider"></li>
                  <li className="dropdown-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
            <ul className="nav navbar-nav navbar-right">
              <li><a href="../navbar/">Default</a></li>
              <li><a href="../navbar-static-top/">Static top</a></li>
              <li className="active"><a href="./">Fixed top <span className="sr-only">(current)</span></a></li>
            </ul>
          </div>
        </div>
      </nav>
        
      )
    }
  }
  
  module.exports = Header;
  
  /*<div className="masthead clearfix">
          <div className="inner">
            <h3 className="masthead-brand">Feng</h3>
            <ul className="nav masthead-nav">
              <li className="active">
                <Link to='/home'>Home </Link>
              </li>
              <li>
                <Link to='/about'>关于</Link>
              </li>
              <li>
                <Link to='/service'>服务</Link>
              </li>
              <li>
                <Link to='/price'>价格</Link>
              </li>
              <li>
                <Link to='/connect'>联系我们</Link>
              </li>
            </ul>
          </div>
        </div>*/
  
  
        {/*<nav className="masthead clearfix navbar navbar-default navbar-fixed-top">
          <div className="container">
            <h3 className="masthead-brand">Feng</h3>
            <ul className="nav masthead-nav">
              <li className="active">
                <Link to='/home'>Home </Link>
              </li>
              <li>
                <Link to='/about'>关于</Link>
              </li>
              <li>
                <Link to='/service'>服务</Link>
              </li>
              <li>
                <Link to='/price'>价格</Link>
              </li>
              <li>
                <Link to='/connect'>联系我们</Link>
              </li>
            </ul>
          </div>
        </nav>*/}