Where in my Rails app is the Bootstrap CSS? -


learning rails... use bootstrap-sass gem... actual bootstrap css files? seems there sort of magic going on include them. if want tweak property of css....

you're using bootstrap-sass gem preferred many rails developers. twitter bootstrap css files in gem (in vendor/assets/stylesheets/).

developers use gem include bootstrap files because makes things easier update when new bootstrap versions released updating gem (plus gems rails way, eh?). bootstrap-sass gem popular because sass default format stylesheets in rails. alternative twitter-bootstrap-rails gem uses native bootstrap less format stylesheets.

using gem, need modify file app/assets/javascripts/application.js:

#app/assets/javascripts/application.js //= require jquery //= require jquery_ujs //= require bootstrap //= require_tree .

best practice add file named app/assets/stylesheets/bootstrap_and_overrides.css.scss:

# app/assets/stylesheets/bootstrap_and_overrides.css.scss @import "bootstrap"; body { padding-top: 60px; } @import "bootstrap-responsive";

this shows example of overriding bootstrap body style add padding accommodate bootstrap navigation bar. add application-specific css (or sass) in additional files in app/assets/stylesheets/.

i've written in-depth article:

twitter bootstrap , rails

that goes greater details , shows how set application layout, navigation links, rails flash messages, , form builders twitter bootstrap. article helpful if want know more.


Comments

Post a Comment

Popular posts from this blog

matlab - Deleting rows with specific rules -

i got 20*3 cell array , need delete rows contains "137", "2" , "n:t" origin data: 't' '' '' 'np(*)' '' '' [ 137] '' '' [ 2] '' '' 'are' 'and' 'np(fcc_a1#1)' '' '' '1:t' [ 1200] [0.7052] '' [1.2051e+03] [0.7076] '' 'are' 'and' 'np(fcc_a1#3)' '' '' '2:t' [ 1200] [0.0673] '' [1.2051e+03] [0.0671] '' 'are' 'and' 'np(m23c6)' '' '' '3:t' [ 1200] [0.227...
Read more

jquery - How would i go about shortening this code? And to cancel the previous click on click of new section? -

my code below changes image people in team sector, can see theres alot of repeated code; there way shorten it? also currently, allows click on sections without turning off clicked one; assume toggle() function, couldn't work other way! still quite new jquery coding, grand!! cheers in advance! $("#team_client_services").click(function () { if ($(".team_client_services").hasclass("team_hide")) { $(".team_client_services").toggleclass("team_hide"); $(".team_client_services2").toggleclass("team_show"); } else { $(".team_client_services").toggleclass("team_hide"); $(".team_client_services2").toggleclass("team_show"); }; }); $("#team_management").click(function () { if ($(".team_management").hasclass("team_hide")) { $(".team_management").toggleclass("team_hide"); $(".team_management2...
Read more