navbar

Keep links in navbar at collapsing using Bootstrap

为君一笑 提交于 2019-12-08 11:51:59
问题 I'm creating a responsible navigation bar using Bootstrap. Now it looks like: in expanded view, and: in collapsed view. In the normal view it looks okay, however in collapsed view I'd like to keep in the bar Sign Up links and not to have it in the collapsed list. Something like this (this screenshot was created in graphical editor): This is my code: @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'); <script src="http://code.jquery.com/jquery-3.2.1.min.js"><

JQuery Mobile - Navbar Icons not appearing

旧街凉风 提交于 2019-12-08 10:52:23
问题 I have a JQuery Mobile application that I'm working on. In this application, I have a page that uses a Navbar in the footer (http://jquerymobile.com/demos/1.1.0-rc.1/docs/toolbars/docs-navbar.html). This Navbar has three buttons. For some reason, the first time that I navigate to the page, the buttons show the default plus sign. However, if I refresh the page, or navigate via one of the other buttons in the footer, the icons that I have set appear as desired. How do I make it so that the

How to center nav bar pills?

ぐ巨炮叔叔 提交于 2019-12-08 09:35:02
问题 i cant seem to center them within the container, i tried using text align but wouldnt work. I am using twitter bootstrap so maybe something is taking priority? <div class="container"> <ul class="nav nav-pills" role="tablist"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">TierList</a></li> <li role="presentation"><a href="#">Tournaments</a></li> <li role="presentation"><a href="#">Team Maker</a></li> <li role="presentation"><a href="#"

Gap between Navbar and Jumbotron

旧时模样 提交于 2019-12-08 07:53:18
问题 I am building I suppose you could call a template for the site I am going to build however I am still pretty new to bootstrap and thus have trouble figuring which CSS rules are affecting elements etc. The problem I am having is I cannot get the Jumbotron unit to sit flush with the bottom of the navbar. I have found a few questions on here about the same problem but the solutions did not work. Here is my code </head> <body> <div class="row"> <div> <img src="http://placehold.it/1600x300" width=

Bootstrap navbar covers content on zoom

戏子无情 提交于 2019-12-08 02:31:14
问题 I am building a website with a navbar-fixed-top class for the navbar.It works fine on everything except when I zoom in. When I zoom in on a mobile device; the navbar starts wrapping and goes to next line after collapsing. However, I do not want the navbar to be affected when zooming in but at the same time keeping the responsiveness for different devices. Is this possible or is there a work around ? <nav class="navbar navbar-default navbar-static-top lato-reg" id="navMenu"> <div class=

How to implement RTL bootstrap 4 navbar?

只愿长相守 提交于 2019-12-07 22:34:21
问题 I'd like to make my bootstrap navbar RTL. That is the logo in the right and the links flow from right to left. I have tried different tricks but none of they works. Here is the code I have right now: <nav class="navbar fixed-top navbar-expand-sm navbar-dark bg-dark float-right"> <!-- Brand --> <a class="navbar-brand" href="#">Logo</a> <!-- Links --> <div class="collapse navbar-collapse" id="nav-content"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Link 1</a> <

Horizontally centering a <ul> navbar that contains floated li elements in it

房东的猫 提交于 2019-12-07 21:23:52
问题 I've been trying to make a horizontal navbar with hover dropdown menus. I've got it working but in order for all of the elements in the to stay side by side (horizontal), they have to have float:left applied to them. Is there any way to get them to center? Also, is my CSS coding style...correct? I feel like I'm doing this wrong. Thanks! HTML: <div id="navbar" class="titlereg"> <ul> <li><a href="#">Reviews</a> <ul> <li><a href="#">DnB</a></li> </ul> </li> <li><a href="#">Opinions</a></li> <li>

Refresh user name in navbar after username has changed (Using Asp.Net, MVC and C#)

时光总嘲笑我的痴心妄想 提交于 2019-12-07 20:35:30
I am trying to update the user name in the navbar (using ASP.NET, MVC, C#) after a user has changed his or here user name when signed in. So the user name is shown, but when it's changed the old user name is still being displayed in the navbar until the user loges out and in again. Dose any one know how to display the new user name in the navbar in a nice way? This is a short version of how the navbar looks like: <nav class="navbar navbar-default navbar-fixed-top"> @if (Request.IsAuthenticated) { @Html.AntiForgeryToken() <a href='@Url.Action("Index", "Manage")'>@User.Identity.GetUserName()</a>

checkbox widget within navbar shiny

China☆狼群 提交于 2019-12-07 15:41:05
问题 Is it possible to create a checkbox widget within navbar line? This is an example of what I have in mind. The following creates a checkboxInput , but the interactivity does not appear to work correctly: library(shiny) ui <- navbarPage( "App Title", tabPanel("Plot"), navbarMenu("More", tabPanel("Summary"), tabPanel("Table") ), tabPanel(checkboxInput("chk_1", "This is a label")), hr(), fluidRow(column(3, verbatimTextOutput("value"))) ) server <- function(input, output, session) { output$value <

Bootstrap <div class=“navbar navbar-fixed-top”>

半世苍凉 提交于 2019-12-07 09:03:19
问题 I am trying to built a site with Bootstrap. So far everything is going pretty much as planned. I would like a fixed navbar and I am using the built in function: <div class="navbar navbar-fixed-top"> This is great and just what I need BUT I would like the navigation and title to start at the same place as the container instead of all the way to the left/right (still having the navbar going 100% in width. I have tried to put a container inside the navbar which was not the correct solution :-)