0

It can be a pretty stupid question. I stylized menu by using bootstrap, but in my navbar I want to add a text, but when I add text it complitly move up. And what i want to ask is "How can i add bootstrap-sass styling to text?"

This is part of code what I need to style:

  <% if user_signed_in? %>
                        <li>Hello, <%= current_user.email %></li>

This is bootstrap styling what I've used:

<li><%= link_to "Sign Out", destroy_user_session_path, method: :delete %></li>

And screenshot, how it looks:

enter image description here

j08691
  • 204,283
  • 31
  • 260
  • 272
Andrey Drozdov
  • 571
  • 1
  • 5
  • 22
  • I will tell you that it's not a 'stupid' question - working with the bootstrap navbar I've found is difficult as well. I'd look into the 'right' option in navbars. You can have a right and left option. The example code [here](http://getbootstrap.com/components/#navbar) should help - navbar-right is what you want – MageeWorld Jul 11 '16 at 23:34

1 Answers1

1

There's a few questions like this already asked and answered:

How to center navbar elements vertically (Twitter Bootstrap)?

Bootstrap 3 : Vertically Center Navigation Links when Logo Increasing The Height of Navbar

I believe your issues stem from inconsistent line-heights combined with vertical-align issues. You may just have to add your own CSS to override the Bootstrap defaults.

Community
  • 1
  • 1
Okomikeruko
  • 1,123
  • 10
  • 22