bootstrap-sass

问题 I'm quite new to this, but i cannot figure out the problem. In twitter bootstrap i would use : <div class="row-fluid"> <div class="span2">Column1</div> <div class="span6">Column2</div> </div> And it all works fine. But i do not want to write spanX and spanY directly into my html file, rather i would like to give meaningful class names, for example: <div class="user-container"> <div class="user-filter">First Column</div> <div class="user-list">Second Column</div> </div> Given the fact, that i

问题 Is there something else that needs to be referenced/configured when upgrading the bootstrap-sass gem to ~> 3.2.0 ? Using RubyMine 6.3 as the editor and the following in the Gemfile: ruby '2.1.2' gem 'rails', '4.1.1' gem 'sass-rails', '~> 4.0.3' gem 'bootstrap-sass', '3.1.1.1' app/assets/stylesheets/application.css.scss will be happy with @import 'bootstrap'; However , once the bootstrap-sass gem is upgraded to its current version by changing the Gemfile reference to (and then running bundle

问题 Working on a project that started out with Bootstrap 2.3, using the bootstrap-sass gem, specifying version 2.3.1.0 in my gemfile. I'm wanting to update it to Bootstrap 3. Here's what the app looks like with bootstrap-sass gem version 2.3.1.0: I checked out a branch to experiment updating the styles to Bootstrap 3, so I updated my gemfile to use the latest version of the bootstrap-sass gem, ran bundle update and install. I have bootstrap 3 version classes on each of the "Amazing Point" div

问题 This is driving me nuts - I have a Rails app built on Bootstrap. I have been plugging along for a few weeks and today I hit a very bizarre issue. If I make any trivial change (i.e. add a new line and save) to ANY style sheet I loose a bunch of my CSS formatting. This is hard to explain without some how publishing all my code etc. The biggest symptom is the loss of my Google fonts. Here is the top part of my application.css.scss file: @import "font-awesome-sprockets"; @import "font-awesome";

问题 I am using following piece of code to display an image which I am fetching from gravatar.com, so I want to use a bootstrap CSS class to make it more attractive. As soon as I add the style rather than showing the image it shows me the link to the image, when I redirect to the link I am able to see the image. Why I am getting this? $html[] = JHtml::_('image', $grav_url,'class="img-circle"', JText::_('PLG_CONTENT_AVATAR'), null, true) Here $grav_url is the url I am getting for the image and img

问题 I'm using Rails 4 with gems mini_magick, carrierwave, jcrop-rails-v2 and bootstrap-sass. I have a picture upload that crops the image after save it but i need to crop it before save on a bootstrap modal. Found this tutorial: http://mark.stratmann.me/content_items/image-cropping-with-rails-3-2-carrierwave-bootstrap-modals-jcrop but I'm new on Rails and it seems to complex and I don't know how to merge this things with my code. Other thing that i need to do and don't know how, is keep the

问题 The following command integrates simple_form with twitter-bootstrap $ rails g simple_form:install --bootstrap identical config/initializers/simple_form.rb create config/initializers/simple_form_bootstrap.rb exist config/locales identical config/locales/simple_form.en.yml identical lib/templates/erb/scaffold/_form.html.erb =============================================================================== Be sure to have a copy of the Bootstrap stylesheet available on your application, you can get

问题 I'm using Bootstrap-sass for one of my projects and I'd like to customize it with Sass variables (of course). I created a new .scss file called "_variables.scss" and import this in my main .scss file BEFORE the bootstrap-sass file. It works fine until I reach one point: If I want to use bootstrap-sass variables in my customization it obviously states that the variable is unknown (because it is imported later). But this is inevitable if I want to change certain variables in a correct way, for

问题 I've got a rails app using the bootstrap-sass gem. I'd like to change the width the navbar collapses from tablet (979px) to phone (769px). Overriding a media query isn't a tidy solution. I've edited @navbarCollapseWidth in variables.less and built bootstrap, then copied the contents bootstrap-responsive.css into responsive.scss in gems...vendor/assets/stylesheets/bootstrap. Now however, I've lost the ability to update the gem without losing my changes. What's the best method here? I'd like to

问题 How do I set a relative glyphicons icon path in bootstrap sass version? By default, the path used in the css font-face is an absolute one. @font-face { font-family: 'Glyphicons Halflings'; src: url(/fonts/bootstrap/glyphicons-halflings-regular.eot?1422262129); src: url(/fonts/bootstrap/glyphicons-halflings-regular.eot?&1422262129#iefix) format("embedded-opentype"), url(/fonts/bootstrap/glyphicons-halflings-regular.woff2?1422262129) format("woff2"), url(/fonts/bootstrap/glyphicons-halflings