navbar

Vertical fixed top navbar on Bootstrap 4 Beta

不羁的心 提交于 2019-12-11 17:38:22
问题 I'm trying to build a vertical fixed top navbar with Bootstrap 4 Beta . I have found on the web several examples of Bootstrap v4.0.0-alpha.6, but they do not work with Bootstrap 4 Beta. I have the problem that when the navbar assumes the fixed-top class the links and the the collapsed navbar move to the left. Below are links to html image with code: Html code You can see the menu behavior and code at this address: http://www.fedelemarcopascuzzi.it/verticalnavbar/ 回答1: I am experiencing the

How to add a dropdown to this simple navbar?

孤人 提交于 2019-12-11 16:48:11
问题 Sorry if this is a silly question but I'm looking to add a dropdown list of items to this navbar. It's in a navbar.php file and here is the code: <link rel="stylesheet" href="/styles/navbar.css" type="text/css" /> <!-- navbar styles --> <ul id="nav"> <li><a href="/index.php">Home</a></li> <li><a href="/item1/">Item 1</a></li> <li><a href="/item2/">Item 2</a></li> <li><a href="/item3/">Item 3</a></li> <li><a href="/item4/">Item 4</a></li> </ul> Here's the navbar.css file: #nav { width: 100%;

Unable to change front page & no items displayed on menu nav (WordPress)

主宰稳场 提交于 2019-12-11 16:31:38
问题 without making any changes on my website recently it just broke. My homepage disappeared by itself and when i try to change the front page or add/edit menus from the wp-admin i can't. On nav-menus settings under pages section it shows "No items." but i got over 50 pages. On settings/reading there is no option for changing the front page & same goes on CUSTOMIZE option. Check the image, http://i.imgur.com/cAqJwTt.jpg Update : It was a database "corruption". Ι restored a backup that i had and

navbar dropdown menus display issue on mobile and small devices with media query

流过昼夜 提交于 2019-12-11 15:17:12
问题 Not a big expert in CSS and responsiveness design, I try to collapse my navbar using a media query. The issue is that for dropdown menus, the responsive design is not applied correctl : The dropdown menus are displayed like on a large desktop device. What I want is this : Result Expected But the result I obtain is this : Current result My code is actually the following : <nav class="navbar navbar-default"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile

Bootstrap navbar dropdown populated with database entries in Django 2

强颜欢笑 提交于 2019-12-11 15:17:06
问题 I am trying to populate a navbar "dropdown-menu" with individual "dropdown-item"'s populated from data in the sqlite3 DB. I have something similar working on other pages but I cant get it to work in my navbar. I am creating a record label, and want the list of artists populated from entries in the DB. I have found one tutorial on doing something similar in php, but doesn't translate, and there doesn't seem to be anything either on youtube or here other than populating form data. Any help is

Bootstrap logo on same line as navbar items

不羁岁月 提交于 2019-12-11 13:29:32
问题 so I have a bootstrap navbar menu with a logo on the left. Now when i resize my window to a certain width, the BB logo is put above the navbar items instead of next to it. When I resize my window a little bit, the logo is still next to the navbar items, but when i resize it a little bit more, the logo is above the items. I've put 2 screenshots online. Does anyone know how I can put the logo next to the navbar items on a smaller screensize? image 1 (normal screen size + little smaller): https:

Keep Bootstrap 3.3.x navbar collapsed at all viewport sizes

本秂侑毒 提交于 2019-12-11 11:47:35
问题 Is there any way to increase to ensure that bootstrap 3 navbar never collapses so that the desktop version looks similar to the mobile version. <!-- Mobile-friendly navbar adapted from example. --> <!-- http://twitter.github.io/bootstrap/examples/starter-template.html --> <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">

Editing Nav Menu - How Do I Wrap display:block, float:left to have a Centered Menu?

喜你入骨 提交于 2019-12-11 07:15:15
问题 Right, so, I've been self-editing a rather complicated site and have been stuck on this last part involving the menu. It has a float:left command (the navbar displays alined to the left of the screen) and I've been trying to get it to text-align:center (appear centered within the screen) with a wrapper but have been unsuccessful. Below is the coding: #nav a { display: block; padding: 5px; color: #aaa; text-decoration: none; outline: none; font-weight: normal; font-family: "Droid Serif",

React Router component rendering twice

纵然是瞬间 提交于 2019-12-11 06:12:59
问题 I have a navigation bar component that I am trying to put together, and I have a problem in my App.js, where I call all the components. I have to render the navbar twice in order for it to work, but it shows up twice, where only the second navbar is functional. Taking out either of the 2 lines of code in the render results in an error, where only the text of the navbar shows up (but only shows up once, not twice), and is not clickable. Here is render() with navbar rendered twice: render() {

Navmenu bar disappears when I active Bootstrap css

让人想犯罪 __ 提交于 2019-12-11 05:28:25
问题 After I active Bootstrap to my theme I am developing in Wordpress - my nevmenu disappeared. It is there when I scale the website down (max widt 980px) and is visible as a collapse menu. Maybe there is some .nav styling from Bootstrap that are conflicting with my theme. Can you please help me finding out what it is? Here is a link to the website: http://list.thorsteinnhelgason.is/index.php/2018/02/15/prufupostur/ Best B 回答1: Saw your site, you messed up the content within navbar , your nav is