問題タブ [twitter-bootstrap-rails]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
twitter-bootstrap - Simpleform + bootstrap:必須フィールドの省略記号とホバーテキストを削除します
最近、一緒に使用しているsimpleformとbootstrapをアップグレードしました。必須フィールドのアスタリスクの下に省略記号が表示され、ユーザーがホバーするとツールチップが表示されます。
その動作をカスタマイズまたは削除するにはどうすればよいですか?
ruby-on-rails - エンジンでのTwitterブートストラップレールの使用
私は現在、Railsエンジンを開発しようとしていますが、このエンジンでTwitterBoostrapRailsを使用したいと思います。すでにgemspecファイルの依存関係にgemを追加しましたが、正しく実行するために実行する必要のあるRailsジェネレーターがあります。エンジンがインストールされているときに、Twitter Boostrapジェネレーターを自動的に実行するにはどうすればよいですか?
ありがとう
ruby-on-rails - Twitter Bootstrap&rails-コンテンツを中央に配置し、最小幅を修正
私のHTMLでは、コンテンツは画面の中央に配置する必要があり、彼の幅は950pxを超えてはなりません。
これと同じHTMLをモバイルとデスクトップに表示したいので、レイアウトをレスポンシブにするためにTwitterブートストラップを使用しています。
問題は次のとおりです。コンテンツdivを中央に配置し、最大幅を950pxにすることができないようです。
ブラウザで開くと、cssには次のメディアクエリがあります。
これにより、divは常に画面全体に収まります。
どうすればこれを修正できますか?
基本的に私がやりたいのは次のようなものです。
オレンジ色の線はコンテナ(または本体)で、青色は行です
助けてくれてありがとう。
編集
誰かが私を助けるのを助けるかもしれないと私が見つけたちょうど何か
この行をコメントアウトすると:
私div.content
は950pxの幅を維持しますが、私のhtmlは応答性のある動作を失います。
編集2
htmlマークアップ:
しかし、ブラウザでは次のようなものが作成されます。
明確にするために、これはtwitterブートストラップの問題ではなく、twitter-bootstrap-railsの問題です。
開発時に修正する方法は、twitter-bootstrap-rails gemをgem-openで開き、ファイルを変更することです。/vendor/toolkit/twitter/bootstrap/responsive.less
これらの行をコメントアウトします。
css - Twitter Bootstrapの「修正済み」レイアウトが修正されていないのはなぜですか?
TwitterBootstrapサイトは次のようになっています。
単一のによって提供されるほぼすべてのWebサイトまたはページのデフォルトでシンプルな940px幅の中央レイアウト
<div class="container">
。
http://twitter.github.com/bootstrap/scaffolding.html#layoutsからの引用
これはまさに私がHTMLに持っているものですが、要素を調べると、このCSSがそれに適用されていることがわかります。
ちなみに、CSSルールを追加してオーバーライドすると...
次に、div.container内の要素は、div.container自体よりも幅が広く、見た目がおかしくなります。
では、なぜTwitter Bootstrapの「修正済み」レイアウトが修正されていないのですか?どうすれば修正できますか?
html - ブラウザを最小化しても Navbar の項目が動かない
Twitter ブートストラップ ナビゲーション バーを使用しています。ブラウザを小さなサイズに最小化し、最後のリスト項目までスクロールすると、ナビゲーション バーからリスト項目が表示されます。これは、以下のように見えます。
ブラウザを最大化したときの Navbar:
ブラウザが最小化されているときの Navbar:
ブラウザが最小化されていても、アイテムをナビゲーションバーに固定したいと思います。
ruby-on-rails - therubyracerがコンパイルに失敗したため、Herokuにtwitter-bootstrap-railsgemをデプロイできません
Gemfileに次のgemがあります。
これはこのプロジェクト用です:https ://github.com/seyhunak/twitter-bootstrap-rails
依存関係の1つはtherubyracer(https://github.com/seyhunak/twitter-bootstrap-rails/blob/master/twitter-bootstrap-rails.gemspec#L27)です。
ただし、これをHerokuにプッシュしようとすると、次のエラーが発生します。
他の誰かがこれに遭遇しましたか?
Herokuにtherubyracerの問題があると思いますが、これを回避する方法について何かアイデアはありますか?
ruby - Rails 3 と Bootstrap 2.1.0 - フッターを修正できません
ブートストラップ 2.1.0 を使用した Rails アプリケーションがあります (そのためtwitter-bootstrap-rails
に gem を使用します)。しかし、私はフッターを働かせることができません。ページを下にスクロールしないと表示されません。それを修正する方法がわかりません。
Application.html.haml
bootstrap_and_overrides.css.less
ruby-on-rails - Twitter ブートストラップレールのシンプルなフォームフォーマット
シンプルなデフォルト デバイス ログイン画面を Twitter ブートストラップ シンプル フォームで再フォーマットしようとしていますが、大きな問題が発生しています。
これが私のコードです:
追加すると、ラベルと入力フィールドの間隔を正しくすることができます
私のapplication.cssファイルに追加しましたが、サンプルアプリのどこにもこれが表示されません https://github.com/rafaelfranca/simple_form-bootstrap 、適切なフォーマットがどこから来たのか本当に混乱しています。
私はこの男https://github.com/rafaelfranca/simple_form-bootstrap/issues/ 6 とほぼ同じコードを持っていますが、彼のコードは古いと思います。私は単純なフォーム 2.0.2 を使用しており、twitter-bootstrap-rails 1.4.3 でブートストラップをインストールしました。また、問題が発生する可能性がある場合は、他のいくつかの Twitter ブートストラップ gem をインストールおよびアンインストールしました。
編集:それが役立つ場合、ここに私の生成されたコードがあります
ログイン
ruby - Rails 3 と Twitter ブートストラップのサイドバー (添付ファイル) - どのように?
Twitter ブートストラップ 2.1.0 を使用した単純な RoR 3.2 アプリケーションがあります (twitter-bootstrap-rails gem を介して実装しました)。サイドバーにいくつかのリンクを統合したい (左側の Twitter ブートストラップ ページで確認できるように) が、これを実装する方法がわかりません (はい、初心者です)。Railsでそれを行う方法を知っている人はいますか?
私のアプリケーションのレイアウト:
ruby-on-rails - 私のフォームインラインクラスが尊重されないのはなぜですか?
組み込みの「form_for」ユーティリティを使用してフォームを定義しています。bootstrap-sass gem が定義されています (これは正しく適用されています)。何らかの理由で、ボタンが選択ボックスと同じ行に表示されません。
私の見解(レンダリングコードを表示):
レンダリングされた HTML:
レンダリングされた実際のフォーム:
そして、「form-inline」クラスを削除してレンダリングされたフォームは次のとおりです。
ボタンがレンダリングされる場所がわずかに変更されていることに注意してください。