navbar

Bootstrap navbar collapse toggle button not clicking

时光毁灭记忆、已成空白 提交于 2020-01-05 04:04:18
问题 Why isn't my bootstrap navbar not collapsing? The toggle button shows up but when I click it, nothing happens. (Written in React so using className instead of class.) I even tried copying and pasting directly from the Bootstrap example and it still doesn't work. Am I forgetting to import something somewhere? I also tried copying and pasting from this example from this other question on stackoverflow, didn't work. <nav className="navbar navbar-default navbar-fixed-top navbar-shrink"> <div

Adding a subtitle to a Bootstrap Navbar

心不动则不痛 提交于 2020-01-04 11:45:20
问题 I have a Bootstrap 4 website with a navbar. The navbar has a brand part with an image and title text, and then there's the rest of the navbar. You can see it here: https://jsfiddle.net/zmbq/aq9Laaew/218793/ Now, I want to add a subtitle, under the title "A Digital Onomasticon". The problem is - the substitle is long, and I want it to extend below the nav links. I tried everything I could think of and couldn't figure out how to do that. NOTE: the answer to this question is not sufficient, as

Adding a subtitle to a Bootstrap Navbar

荒凉一梦 提交于 2020-01-04 11:45:09
问题 I have a Bootstrap 4 website with a navbar. The navbar has a brand part with an image and title text, and then there's the rest of the navbar. You can see it here: https://jsfiddle.net/zmbq/aq9Laaew/218793/ Now, I want to add a subtitle, under the title "A Digital Onomasticon". The problem is - the substitle is long, and I want it to extend below the nav links. I tried everything I could think of and couldn't figure out how to do that. NOTE: the answer to this question is not sufficient, as

Change navbar in bootstrap if user login

寵の児 提交于 2020-01-04 09:08:45
问题 I have a standard menu, including an option for "logging" in and "create user". What I want is that when either you create a user or you loging the whole navbar menu to change, say, "My user's page" and "logout" instead, how can I do it? <div id="menu"> <nav class="navbar"> <div class="container"> <ul class="nav navbar-nav"> <li class="active"><a href="#"><span class="glyphicon glyphicon-home"> </span> Home</a></li> <li><a href="#">Descuentos</a></li> <li class="dropdown"> <a href="#" class=

Change navbar in bootstrap if user login

你。 提交于 2020-01-04 09:08:32
问题 I have a standard menu, including an option for "logging" in and "create user". What I want is that when either you create a user or you loging the whole navbar menu to change, say, "My user's page" and "logout" instead, how can I do it? <div id="menu"> <nav class="navbar"> <div class="container"> <ul class="nav navbar-nav"> <li class="active"><a href="#"><span class="glyphicon glyphicon-home"> </span> Home</a></li> <li><a href="#">Descuentos</a></li> <li class="dropdown"> <a href="#" class=

Bootstrap mobile menu wont stay open

為{幸葍}努か 提交于 2020-01-04 04:05:27
问题 First question here, thank you for your patience. I looked for a similar question and was surprised I didn't find one honestly. I learned enough to create a fiddle for this as well. You can see it here https://jsfiddle.net/jhallwebdev/gm6r6mLu/5/ HTML <body> <div class="container-fluid"> <div class="row yellow container-fluid"> <!-- YELLOW NAV ROW --> <div class="col-lg-1 col-md-2 col-sm-2 col-xs-2"> <div> <img src="logo.jpeg" alt="logo" title="logo" width="100px" height="100px" class="my

Bootstrap 4 navbar with 2 rows and inline form

情到浓时终转凉″ 提交于 2020-01-03 16:41:09
问题 Ok so there are a number of questions like this but after having experimented with the code in some of the answers given to other similar questions, I'm still stuck! I've managed to get 2 flex rows working in a flex column, with the brand image vertically centered, but I'm having trouble with the horizontal spacing. On the first row of my navbar I have a list of nav-items and also an inline form with a search bar. I want the search bar to be right aligned, while the nav-items stay left

Cannot Set Navigation Bar Font in Swift on Latest Xcode Version

久未见 提交于 2020-01-03 10:22:28
问题 The following code was running fine before updating to Xcode 6.1 to stay up with iOS 8.1: override func viewDidAppear(animated: Bool) { self.navigationController?.navigationBar.topItem?.title = "Home" self.navigationController?.navigationBar.titleTextAttributes = [ NSFontAttributeName: UIFont(name: "Lobster 1.4", size: 34), NSForegroundColorAttributeName: UIColor.whiteColor()] } The issue is specifically in NSFontAttributeName: UIFont(name: "Lobster 1.4", size: 34) and the error I'm getting

Bootstrap Navbar (along with topbar) anchor tag navigates content behind the navbar

跟風遠走 提交于 2020-01-03 05:22:10
问题 I do have the topbar along with navbar with anchor tag in the same page. When I click on the anchor tag the content of anchortag does go behind the navbar. Please find below the code: HTML: <body> <!-- Full Body Container --> <div id="container"> <!-- Start Header Section --> <header id="header-wrap" class="site-header clearfix"> <!-- Start Top Bar --> <div class="top-bar"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-7 col-sm-8 col-xs-6"> <!-- Start Contact Info -->

Placing banner above the Bootstrap 3 navbar?

拥有回忆 提交于 2020-01-02 04:43:28
问题 I have this Bootstrap 3 navbar: http://www.bootply.com/xkcDjvQslb I want the following modifications: Add banner above the fixed navbar Hide the banner when I scroll down I saw the following example: http://www.bootply.com/69848; not great at bootstrap and when I pull the relevant code it breaks my menu. The banner (above the navbar) would be a table with a logo on the left side and title on the right. I need someone to point me in the right direction? 回答1: Remove navbar-fixed class in nav.