Questions tagged [bootstrap-sass]

A Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.

Overview

Bootstrap Sass is a Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.

Installation

You can install it in a project using:

Usage

Import Bootstrap Sass into a Sass file to get all styles, variables and mixins :

@import "bootstrap";

You can also import components explicitly.

Links

Related tags




304 questions
1
vote
2 answers

Which version SASS bootstrap is better?

I found two versions of sass based bootstrap and I don't know which better to use for a non rails application. https://github.com/thomas-mcdonald/bootstrap-sass https://github.com/jlong/sass-bootstrap#readme And my second question how their…
v4vad
  • 23
  • 2
1
vote
2 answers

Bootstrap-sass asset compilation on Heroku deployment

I am currently working on a Rails application that uses the bootstrap-sass gem to help style some of my front end views. When running locally, I have no problem browsing the views. After Heroku deployment, I receive the following…
danielM
  • 2,462
  • 2
  • 20
  • 21
1
vote
1 answer

why is my bootstrap view for my rails app acting funny?

I'm using the bootstrap-sass gem and for some reason in the navbar I'm using the active class for one of the li's below, however it doesn't appear pressed down. application.html.erb: <%= yield(:title)…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked May 04 '13 at 22:42">asked May 04 '13 at 22:42</time> <a href="../../users/485843/pavan-katepalli" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/485843.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Pavan Katepalli" /> </a> <div class="s-user-card--info"> <a href="../../users/485843/pavan-katepalli" class="s-user-card--link">Pavan Katepalli</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">2,372</li> <li class="s-award-bling s-award-bling__gold" title="4 gold badges">4</li> <li class="s-award-bling s-award-bling__silver" title="29 silver badges">29</li> <li class="s-award-bling s-award-bling__bronze" title="52 bronze badges">52</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-16298324"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status answered-accepted"> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/16298324/java-script-not-working-after-precompile" class="question-hyperlink">Java script not working after precompile</a></h3> <div class="excerpt">I've built a small site as a learning exercise and to give RoRs a go. I was pleased with the results in "dev" running against WEBrick but am having problems moving the site to "production" served via apache (so I can leave it around to look back…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Apr 30 '13 at 11:04">asked Apr 30 '13 at 11:04</time> <a href="../../users/1468177/sinfulnard" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1468177.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="SinFulNard" /> </a> <div class="s-user-card--info"> <a href="../../users/1468177/sinfulnard" class="s-user-card--link">SinFulNard</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">173</li> <li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li> <li class="s-award-bling s-award-bling__silver" title="2 silver badges">2</li> <li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-16150754"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/16150754/rails-3-2-bootstrap-can-t-style-tooltip" class="question-hyperlink">Rails 3.2 bootstrap can't style tooltip</a></h3> <div class="excerpt">I have bootstrap-sass installed in my Rails 3.2 app. I can get bootstrap to work properly, including javascript and the (elusive) tooltips. But I cannot get the tooltips styling to work. this is the setup I have: application.js //= require…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a> <a href="../../questions/tagged/ruby-on-rails-3.2" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails-3.2'" rel="tag">ruby-on-rails-3.2</a> <a href="../../questions/tagged/tooltip" class="post-tag grid--cell" title="show questions tagged 'tooltip'" rel="tag">tooltip</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Apr 22 '13 at 15:22">asked Apr 22 '13 at 15:22</time> <a href="../../users/443669/kakubei" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/443669.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="kakubei" /> </a> <div class="s-user-card--info"> <a href="../../users/443669/kakubei" class="s-user-card--link">kakubei</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">5,321</li> <li class="s-award-bling s-award-bling__gold" title="4 gold badges">4</li> <li class="s-award-bling s-award-bling__silver" title="44 silver badges">44</li> <li class="s-award-bling s-award-bling__bronze" title="66 bronze badges">66</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-15690012"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/15690012/bootstrap-dropdown-not-styling-properly" class="question-hyperlink">Bootstrap Dropdown Not Styling Properly</a></h3> <div class="excerpt">I'm having an issue with twitter/bootstrap dropdowns not being styled properly. I'm in Rails 3, using the bootstrap-sass gem. The dropdown functions properly, coming down when I click the button, but doesn't style. Basically it looks like this:…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> <a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Mar 28 '13 at 18:58">asked Mar 28 '13 at 18:58</time> <a href="../../users/1855253/xanderstrike" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1855253.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="XanderStrike" /> </a> <div class="s-user-card--info"> <a href="../../users/1855253/xanderstrike" class="s-user-card--link">XanderStrike</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">726</li> <li class="s-award-bling s-award-bling__silver" title="9 silver badges">9</li> <li class="s-award-bling s-award-bling__bronze" title="20 bronze badges">20</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-15128327"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/15128327/bootstrap-frameworknotfound-on-heroku" class="question-hyperlink">Bootstrap::FrameworkNotFound on heroku?</a></h3> <div class="excerpt">I am using rails 3.2 and have built an application on my development server and it is working fine. But when I deploy the same application to my heroku account I get this…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> <a href="../../questions/tagged/heroku" class="post-tag grid--cell" title="show questions tagged 'heroku'" rel="tag">heroku</a> <a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Feb 28 '13 at 05:44">asked Feb 28 '13 at 05:44</time> <a href="../../users/1163381/archit2u" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1163381.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="archit2u" /> </a> <div class="s-user-card--info"> <a href="../../users/1163381/archit2u" class="s-user-card--link">archit2u</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">77</li> <li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-13867394"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status "> <strong>3</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/13867394/bootstrap-datepicker-rails-select-date-will-not-persist" class="question-hyperlink">bootstrap-datepicker-rails - select date will not persist</a></h3> <div class="excerpt">I've installed the following gems and am trying to implement a datepicker. The datepicker shows up in the field but when I select a date, the data does not persist or even show up in the field. Am I making a mistake with my coffeescript or html - or…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> <a href="../../questions/tagged/datepicker" class="post-tag grid--cell" title="show questions tagged 'datepicker'" rel="tag">datepicker</a> <a href="../../questions/tagged/coffeescript" class="post-tag grid--cell" title="show questions tagged 'coffeescript'" rel="tag">coffeescript</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Dec 13 '12 at 19:53">asked Dec 13 '12 at 19:53</time> <a href="../../users/825383/cpursley" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/825383.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="cpursley" /> </a> <div class="s-user-card--info"> <a href="../../users/825383/cpursley" class="s-user-card--link">cpursley</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">182</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="7 silver badge">7</li> <li class="s-award-bling s-award-bling__bronze" title="18 bronze badge">18</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-13497065"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/13497065/rails-3-twitter-bootstrap-sass-setup" class="question-hyperlink">Rails 3 + Twitter Bootstrap + SASS setup</a></h3> <div class="excerpt">I am trying to track down some tricky interactions. Here's the scenario: I am using sass-twitter-bootstrap github repo. I have copied over the complete set of scss files into my assets/twitter directory When my application.css looks like this: *=…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> <a href="../../questions/tagged/sass" class="post-tag grid--cell" title="show questions tagged 'sass'" rel="tag">sass</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Nov 21 '12 at 15:57">asked Nov 21 '12 at 15:57</time> <a href="../../users/359219/pitosalas" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/359219.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="pitosalas" /> </a> <div class="s-user-card--info"> <a href="../../users/359219/pitosalas" class="s-user-card--link">pitosalas</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">10,286</li> <li class="s-award-bling s-award-bling__gold" title="12 gold badges">12</li> <li class="s-award-bling s-award-bling__silver" title="72 silver badges">72</li> <li class="s-award-bling s-award-bling__bronze" title="120 bronze badges">120</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-68303698"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/68303698/bootstrap-navbar-formatting-issues" class="question-hyperlink">Bootstrap Navbar formatting issues</a></h3> <div class="excerpt">This is my first post so please bare with me. I'm relatively new to programming, and had signed up for a course for full stack dev a while ago. I recently jumped back into the lessons and have gotten stuck on a bootstrap navbar. I've followed…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jul 08 '21 at 14:35">asked Jul 08 '21 at 14:35</time> <a href="../../users/16407387/holmes53" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/16407387.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Holmes53" /> </a> <div class="s-user-card--info"> <a href="../../users/16407387/holmes53" class="s-user-card--link">Holmes53</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">11</li> <li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-67492952"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/67492952/error-in-rake-app-assets-precompile-when-using-a-bootstrap-sass-variable-in-a-" class="question-hyperlink">Error in rake app:assets:precompile when using a bootstrap sass variable in a rails engine</a></h3> <div class="excerpt">I am working on a rails engine which includes bootstrap-sass. I am trying to use a bootstrap variable in my styles, but I'm getting an error. I am trying to follow the documentation here: https://www.rubydoc.info/gems/bootstrap-sass/3.4.1 #…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> <a href="../../questions/tagged/sass" class="post-tag grid--cell" title="show questions tagged 'sass'" rel="tag">sass</a> <a href="../../questions/tagged/rails-engines" class="post-tag grid--cell" title="show questions tagged 'rails-engines'" rel="tag">rails-engines</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked May 11 '21 at 19:08">asked May 11 '21 at 19:08</time> <a href="../../users/2865270/fred-willmore" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2865270.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Fred Willmore" /> </a> <div class="s-user-card--info"> <a href="../../users/2865270/fred-willmore" class="s-user-card--link">Fred Willmore</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">4,386</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="27 silver badge">27</li> <li class="s-award-bling s-award-bling__bronze" title="36 bronze badge">36</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-66859859"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/66859859/why-doesn-t-my-dropdown-menu-expand-to-select-the-options-within" class="question-hyperlink">Why doesn't my dropdown menu expand to select the options within?</a></h3> <div class="excerpt">I'm building a review site using ruby on rails. When I code the drop-down menu, included in the code below, it won't expand. I know from changing the code that the options are there and work, only the dropdown won't expand. <body> <nav…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Mar 29 '21 at 18:46">asked Mar 29 '21 at 18:46</time> <a href="../../users/9796438/alan-morley" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/9796438.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Alan Morley" /> </a> <div class="s-user-card--info"> <a href="../../users/9796438/alan-morley" class="s-user-card--link">Alan Morley</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> <li class="s-award-bling s-award-bling__bronze" title="5 bronze badges">5</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-62271921"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/62271921/is-there-a-bootstrap-sass-equivalent-in-flutter" class="question-hyperlink">Is there a Bootstrap-sass equivalent in Flutter?</a></h3> <div class="excerpt">I'm usually a backend developer so whenever I need to make website look nice I just apply bootstrap themes to do the job extremely efficiently and well. Is there an equivalent framework with much support and resources that could help my Flutter apps…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/user-interface" class="post-tag grid--cell" title="show questions tagged 'user-interface'" rel="tag">user-interface</a> <a href="../../questions/tagged/flutter" class="post-tag grid--cell" title="show questions tagged 'flutter'" rel="tag">flutter</a> <a href="../../questions/tagged/mobile" class="post-tag grid--cell" title="show questions tagged 'mobile'" rel="tag">mobile</a> <a href="../../questions/tagged/frontend" class="post-tag grid--cell" title="show questions tagged 'frontend'" rel="tag">frontend</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 08 '20 at 22:04">asked Jun 08 '20 at 22:04</time> <a href="../../users/9464686/p-equals-np-2021" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/9464686.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="P_equals_NP_2021" /> </a> <div class="s-user-card--info"> <a href="../../users/9464686/p-equals-np-2021" class="s-user-card--link">P_equals_NP_2021</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">627</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="9 silver badge">9</li> <li class="s-award-bling s-award-bling__bronze" title="27 bronze badge">27</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-60301945"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/60301945/ruby-on-rails-how-to-connect-a-script-with-a-button" class="question-hyperlink">Ruby on rails how to connect a script with a button</a></h3> <div class="excerpt">So i have a completely new ruby on rails app just made and i added a button with bootstrap. picture. I also have a simple script that prints out "hello". simple.rb, which is in app/scripts/simple.rb puts "hello" Now can someone please explain and…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> <a href="../../questions/tagged/ruby" class="post-tag grid--cell" title="show questions tagged 'ruby'" rel="tag">ruby</a> <a href="../../questions/tagged/button" class="post-tag grid--cell" title="show questions tagged 'button'" rel="tag">button</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Feb 19 '20 at 13:54">asked Feb 19 '20 at 13:54</time> <a href="../../users/11595633/brandon" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/11595633.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="BrandoN" /> </a> <div class="s-user-card--info"> <a href="../../users/11595633/brandon" class="s-user-card--link">BrandoN</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">193</li> <li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-57486953"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/57486953/is-it-possible-to-update-elements-of-bootstrap-sass" class="question-hyperlink">Is it possible to update elements of Bootstrap sass</a></h3> <div class="excerpt">I've been tasked to update a few web pages on my companies WordPress website. The new design they've asked for looks like standard Bootstrap Grid functionality. The website it currently using Bootstrap v3.3.7, seen in the _bootstrap.scss…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/wordpress" class="post-tag grid--cell" title="show questions tagged 'wordpress'" rel="tag">wordpress</a> <a href="../../questions/tagged/bootstrap-sass" class="post-tag grid--cell" title="show questions tagged 'bootstrap-sass'" rel="tag">bootstrap-sass</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Aug 14 '19 at 01:00">asked Aug 14 '19 at 01:00</time> <a href="../../users/11924842/igoddard95" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/11924842.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="IGoddard95" /> </a> <div class="s-user-card--info"> <a href="../../users/11924842/igoddard95" class="s-user-card--link">IGoddard95</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/bootstrap-sass_page=11" rel="prev" title="Go to page 11">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/bootstrap-sass_page=1" rel="" title="Go to page 1">1</a> <a class="s-pagination--item" href="../../questions/tagged/bootstrap-sass_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/bootstrap-sass_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/bootstrap-sass_page=20" rel="" title="Go to page 20">20</a> <a class="s-pagination--item" href="../../questions/tagged/bootstrap-sass_page=21" rel="" title="Go to page 21">21</a> <a class="s-pagination--item" href="../../questions/tagged/bootstrap-sass_page=13" rel="next" title="Go to page 13"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>