navbar

问题 Pretty simple, but I'm fairly amateur with Bootstrap. I understand how to make the navigation bar with an image as the brand and the nav-items. Without hacking it, is there a proper way to have the brand positioned above the expanded navigation? Basically looking for this; EXPANDED ----------------------------------------- | Logo | ----------------------------------------- | Home About Contact | ----------------------------------------- COLLAPSED ----------------- | Logo ≡ | -----------------

问题 I would like to create a shared footer (e.g. footer.html) that can be used by all of the pages in my jQuery Mobile application. However, I cannot find a way to get jQuery to refresh the styles in the footer navbar after loading the html from the external file. After thoughts would be greatly appreciated. Footer.html: <div data-role="navbar" class="CSS" data-grid="d" id="footerNav"> <ul > <li ><a href="#" id="a" data-icon="custom"><div>a</div></a></li> <li ><a href="#" id="b" data-icon="custom

问题 I am using Bootstrap's Navbar and Bootsrap's grid to display a Navbar with a image immediately underneath the Navbar. However, for some reason there is whitespace between this Navbar and the image. When I use firebug to investigate the location of the whitespace, it looks like the Navbar is top-aligned within its containing . I have tried to fix this by using CSS to bottom-align the navbar, to no avail. How can I eliminate this whitespace? <!-- Top Navigation Bar --> <div class="row" id=

问题 I am trying to create a website header that conforms to the schematic below using Bootstrap 4: The code I am using to achieve this is as follows (extraneous code omitted): <div class="navbar"> <div class="container yellow"> <div class="row"> <div class="col-sm-4 green">Logo</div> <div class="col-sm-8 green"> <div class="row"> <div class="col text-right red"> (00) 1234 5678 </div> </div> <div class="row"> <div class="col text-right red"> <!-- nav links here --> <a href="#">link</a> </div> <

问题 I have a detailview with a navigation bar with a back button and a name for the view. The navigation bar is set programmatically. The name presented is set like this. self.title = NSLocalizedString(name, @""); The name depends on the presented view. Now I would like to also present a small icon on the navigation bar which also is depends on the view. How do I do that? 回答1: You can set backGround image to navigationBar Using this Put in didFinishLaunchingWithOptions [[UINavigationBar

问题 Ok so I have to admit this is something I have always struggled with getting to work correctly even in BS3. But I want to have navbar links outside of the collapsed container that stay persistent. This is what I have right now: <nav class="navbar fixed-top navbar-expand-lg navbar-template"> <a class="navbar-brand" href="#">Navbar</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"> <span class="navbar-toggler-icon"></span> </button> <div

问题 is there a way to disable the responsive navBar in bootstrap 4? I don't want the dropdown as in the mobile version it's still possible to see the 2 links next to the brand. As a plus, I'd like to know if it's possible to put the links to the right in the bar. Pull-xs-right doesn't seem to work correctly. My current code looks like this: <nav class="navbar navbar-fixed-top navbar-toggleable-sm navbar-light bg-faded"> <a href="/" class="navbar-brand">PIM</a> <ul class="nav navbar-nav pull-xs

问题 If I have a navbar in bootstrap with the items Home | About | Contact How do I set the active class for each menu item when they are active? That is, how can I set class="active" when the angular route is at #/ for home #/about for the about page #/contact for the contact page 回答1: A very elegant way is to use ng-controller to run a single controller outside of the ng-view: <div class="collapse navbar-collapse" ng-controller="HeaderController"> <ul class="nav navbar-nav"> <li ng-class="{

问题 Is there any way to increase the point at which the bootstrap 3 navbar collapses (i.e. so that it collapses into a drop down on portrait tablets)? These two were applicable to bootstrap 2 but not now! How to change navbar collapse threshold using Twitter bootstrap-responsive? Change the default responsive navbar breakpoint 回答1: I had the same problem today. Bootstrap 4 It's a native functionality: https://getbootstrap.com/docs/4.0/components/navbar/#responsive-behaviors You have to use

问题 Is there any way to increase the point at which the bootstrap 3 navbar collapses (i.e. so that it collapses into a drop down on portrait tablets)? These two were applicable to bootstrap 2 but not now! How to change navbar collapse threshold using Twitter bootstrap-responsive? Change the default responsive navbar breakpoint 回答1: I had the same problem today. Bootstrap 4 It's a native functionality: https://getbootstrap.com/docs/4.0/components/navbar/#responsive-behaviors You have to use