How to use bootstrap for text in html.erb
Andrey Drozdov
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:
Okomikeruko
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.
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: Databinding with unnamed textboxes and listbox
- Next: How to generate bundle.js with react and webpack?
Related
Related Related
- 1
How can I use erb in my ruby on rails view to make a bootstrap glyphicon a button?
- 2
ruby on rails - use a helper in html.erb
- 3
How to correctly use text overflow in bootstrap
- 4
How to display HTML text in angularjs / bootstrap?
- 5
How do I use if else function through radio button in html.erb view?
- 6
How to use a Bootstrap 3 glyphicon in an html select
- 7
How to use Bootstrap dropdown as an HTML form <select>
- 8
How to use Bootstrap Toggle with Html.CheckBoxFor?
- 9
Using HTML in bootstrap typeahead - how to cleanup html for text input box
- 10
how to use erb Template in ruby code
- 11
how to use erb Template in ruby code
- 12
How to use superscript in an html text input tag?
- 13
How use jquery html() function and text() function
- 14
how to use thymeleaf replace text in html
- 15
ERB in HTML background syntax highlighting with Sublime Text 3?
- 16
ERB in HTML background syntax highlighting with Sublime Text 3?
- 17
Does rails use method: :patch for editing with _form.html.erb?
- 18
How to use bootstrap to make text + image responsive side by side?
- 19
How to use text-overflow inside Bootstrap column?
- 20
How to use Twitter Bootstrap Collapse to show some portion of the text and then the rest
- 21
How to use bootstrap to make text + image responsive side by side?
- 22
How can I convert html.slim to html.erb?
- 23
Backbone Rails: How to add javascript for HTML in application.html.erb
- 24
How to use Bootstrap whilst maintaining semantic HTML markup?
- 25
How to use dynamic html with a directive that injects an angular bootstrap popover?
- 26
How do I use Bootstrap modal in HTML table inside JavaScript?
- 27
How to use html5 picture tag and Bootstrap together
- 28
Aligning Text in HTML using Bootstrap
- 29
Align text addons bootstrap html
Comments