Adding a Header to Bootstrap

I’m fairly new to Bootstrap and am having trouble placing a header above the navigation bar. I need to have a header for the current website with at least 70 px in height, at the same time I need to make sure the Responsiveness works when seen through mobile phone. My current code is ``` <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="brand" href="#index.html"><img src="img/navigationlogo.png" alt="Home"/></a> <div class="nav-collapse collapse"> <ul class="nav"> <li class="active"> <a href="#index.html"><img src="img/Home_Button.png" width="24" height="21" alt="Home"/></a> </li> </ul> </div> </div> </div> </div> ``` What is was think I could do is to add ``` <header></header> ``` Above navigation bar and place my logo there. Can someone please provide me a sample code with css on how I can achieve this ? As I heard that some minimum padding is to be maintained so that the responsive navigation works if seen through a mobile device.