次のタグが付いている話題の回答:

3
Accepted

Polymerでの外部Scriptファイルの読み込み方法について

動作しないコードが掲載されていないので、推測になります。 原因 前回の質問と同じく、ShadowDOM の仕様による現象だと考えられます。 前回 私は ShadowDOM の外側で定義された CSS ルールが適用されない と記述しましたが、より厳密には CSS セレクタがマッチしない と言うべきだったでしょう。CSS セレクタがマッチしない結果、ルールが適用されません。 さて、CSS ...
mysticatea's user avatar
  • 1,143
2
Accepted

要素中にある複数の要素を適宜折り返したい、ただし要素の途中で折り返さない

table要素はデフォルト(table-layout: auto)では表の全てのセルを考慮して幅を決定します。この時 「折り返しを考慮しても中身が枠をはみ出ない幅」 が、親要素の幅や、テーブル自身に指定された width CSSプロパティを超えていた場合、それらの値を無視して「折り返しを考慮しても中身が枠をはみ出ない幅」がテーブルの幅となります。これが今回の現象です。 ...
unarist's user avatar
  • 1.5万
2
Accepted

PolymerとBootstrapの併用について

コードが無いので推測ですが、それは不具合では無く ShadowDOM の仕様によるものだと考えられます。 ShadowDOM は CSS の境界を作ります。 ShadowDOM の外で定義された CSS ルールは、ShadowDOM の内部に影響を与えません。 ShadowDOM の中で定義された CSS ルールは、ShadowDOM の外部に影響を与えません。 つまり、Web ...
mysticatea's user avatar
  • 1,143
2

Timepickerが機能しない。

bootstrap-timepickerのlinkタグにrel="stylesheet"属性を指定していないためです。 以下のように指定すると動作します。 $('#timepicker1').timepicker(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">...
andou's user avatar
  • 669
2

チェックボックスを扱って時間を変更したい。

Timepickerの時間を設定するのに、setTimeを利用してください。 詳しくは、ここに参照してください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" ...
Yang  Wenxuan's user avatar
2

rails g kaminari:views bootstrap3が実行できない

状況整理: エラーメッセージをよく見ると、実際の処理を実行せんとして 失敗しているファイルとその該当行が出力されているのがわかります(ファイルパス:該当行 形式) /usr/local/rvm/gems/ruby-2.3.0/gems/kaminari-core-1.0.1/lib/generators/kaminari/views_generator.rb:114 あと、理由として、...
gouf's user avatar
  • 126
2
Accepted

RSpec+CapybaraでBootstrap 4のドロップダウンをテストする方法

「ナビゲーションバーの中にあるドロップダウンをクリックして表示されたドロップダウンメニュー」はJavaScriptを使って実現されているはずです。 なので、RSpecの中でもJavaScriptを使う必要があります。 selenium-webdriverやPoltergeistといったgemを導入するとRSpec内でもJSが有効になります。 (僕はPoltergeistをよく使います) ...
Junichi Ito's user avatar
  • 6,611
2

bootstrap でnavbar が正しく表示されません

スクリーンショットを見る限り、bootstrapの前にhtmlについて勉強する必要があります。特に<html>タグや<body>タグの役割といった基礎の基礎の知識が足りてないように見受けられます。 とりあえずの解決策としては、全てのコンテンツは</body>の手前に書く必要があります。
sayuri's user avatar
  • 4.2万
2

Bootstrapのドロップダウンが開かないことがある

自己解決 gemですでに導入してるのにもかかわらずcdnでも導入してしまったのが原因でした。
you's user avatar
  • 21
2
Accepted

Rails6 webpacker から bootstrap js を使う方法

require して返り値を受け取ってないからでは無いでしょうか。 const bootstrap = require(“bootstrap”); console.log(bootstrap.Tab); みたいにすると大丈夫そうな気がします。 ところで今後はes6の文法で書く方がより良いと思います。 公式にも下記のような書き方が推奨されてます。 import * as bootstrap ...
user1006153's user avatar
2

使っているデバイスによってbackground-sizeを変えたい

メディアクエリを使ってブラウザーのビューポートの幅で切り替えるのが一般的です。 たとえばスマートフォン用の指定は下記を追加します @media (max-width: 575.98px) { .top-main { background-size: cover; } }
gotoken's user avatar
  • 306
1
Accepted

隔離スコープのパラメータが同期されない

詳細がわからないため推測になりますが、以下のどちらかではないでしょうか。 異なるスコープでshowが定義されており、scope.toggleによる切り替えで期待したスコープのshowの値が変更されていない DatepickerのshortcutPropagationの設定が考慮されていない 補足: 1....
maot's user avatar
  • 1,012
1
Accepted

.NET MVC ViewからControllerへのbootstrap toggleの状態渡しについて

JavaScriptで値が変化する際のイベント(onlickなど)を監視し、AJAXと呼ばれる手法でリクエストを送信し、結果を受け取ることができます。ASP.NET MVCの場合はjQueryを使用して <script> $("#cbOnOff").click(function(e){ $.ajax({ url: '@Url....
pgrho's user avatar
  • 1.4万
1

.NET MVC ViewからControllerへのbootstrap toggleの状態渡しについて

ASP.NETの標準的な方法では、同名の<input type="hidden" />をチェックボックスより後ろに配置し、checkboxにTrue、hiddenにFalseを指定します。 <input type="checkbox" name="cbOnOff" value="True" /> <input type="hidden" name="cbOnOff" ...
pgrho's user avatar
  • 1.4万
1

画面のテーブルに対して行選択するコードの書き方について。

class(dataとfilename)とattribute(flag)を付加してサンプルを書いてみました。 色々な方法がありますが、こんな感じでしょうか。 選択行を取得ボタンの処理結果はconsole.logへ出力しました。 $(function(){ $('.data').on("click",function(){ var ...
yyz's user avatar
  • 1,837
1

モーダル画面内の入力値が文字化けする(TOMCATによる文字化け)

色々と調べた結果Tomcat5.X以降においてGET時に日本語が文字化けするとのことでした 参照 http://ameblo.jp/spring-beginner/entry-10429339939.html そこでサーバー側(私の場合、Eclipseのテスト用TOMCAT7)のserver.xmlの以下のパラメータに以下の項目を追加したら治りました。 <Connector ...
toshi5506's user avatar
1

AngulerJSでのモーダル画面表示

全体的に$modalではなく$uimodalでした また最初に app.controller("controller", ['$scope', '$http','$uibModal', function($scope, $http, $uibModal ) と定義しておいく必要があることがわかりました。 実際につかうときは var modalInstance = $uibModal.open(...
toshi5506's user avatar
1
Accepted

.NETでBootstrapのModalがOnClickイベント後に閉じてしまう。

onserverclickなのでポストバックが発生し、ページ全体またはUpdatePanelが再読み込みされてBootstrapによるモーダルの表示を打ち消しているのでしょう。ですのでUpdatePanelのトリガーとして問題のボタンを登録する必要があります。対象の<asp:UpdatePanel>に <asp:UpdatePanel ID="UpdatePanel2" ...
pgrho's user avatar
  • 1.4万
1

要素を横一列で並べたい。

.form-inline .input-group { display: inline-table; vertical-align: middle; } 横並びのときは上記のCSSが効いているので、これをメディアクエリ外に書いても効くのですが、ほかに影響が出るとまずいので、 .input-group.timepicker { display: inline-table; ...
gin's user avatar
  • 106
1

modal内の特定の要素の高さを取得したい

回答の内容は@pgrho さんと同じですが、サンプルを投稿します。 (コメントとして追加しようとしましたが、まだ権限が足りなかったため回答として投稿) $('#myModal').on('shown.bs.modal', function (e) { var takasa = $('p').height() alert(takasa); }); <script ...
andou's user avatar
  • 669
1

bootstrapでtableの縦線を消す方法について

以下はBootstrap 3 の基本的なテーブルを公式のドキュメントより引用したものです。 縦線は存在しませんが、これで解決できませんか? <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <table class=...
hinaloe's user avatar
  • 4,681
1
Accepted

画面が小さくなっても要素を横一列に並んだままにしたい

多少デザインが変わりますが、このような感じではいかがでしょう? <div class="container" style="padding:20px 0"> <form class="form-inline" style="margin-bottom:15px;"> <div class="form-group"> ...
gin's user avatar
  • 106
1
Accepted

bootstrap下の中央寄せされたレスポンシブ画像のリンク化

親<div>にtext-align:center、<img>にdisplay:inline-block;が付くようにCSSを設定すると良さそうです。 <!DOCTYPE html> <html> <head> <link href="http://getbootstrap.com/dist/css/...
aterai's user avatar
  • 769
1
Accepted

BootStrap3のテーマを使うには?

適用したいBootstrap3のデザインのCSSやJavaScript、画像ファイルなどを入手してデザインが公開されているサイトの手順にあわせたディレクトリやファイルを配置するか、それらのソースを参照するURLを修正するかのどちらかになります。 この手順はBootstrap3のデザインを適用されたときと全く同じです。 適用のさせ方がわからないのか、入手の方法がわからないのか、...
A-pZ's user avatar
  • 1,864
1

Twitterの様な投稿フォームを再現するには

Modals をベースにフォームやボタンを追加すると、同じような画面を実装できます。
yasu's user avatar
  • 4,413
1

Bootstrapテンプレートで、<select class="form-control"> の角丸を四角にしたい

-webkit-appearance:none; を指定してください。 <select class="form-control" style="border-radius: 0!important; -webkit-appearance:none;">
int32_t's user avatar
  • 7,644
1

zabuto calendarでクリックイベントをjsonの値によって変えたい

http://zabuto.com/dev/calendar/examples/action.html はご覧になりましたか? クリックされた時の action を書き換えることができるようです。 サンプルでは、hasEvent 値を見て分岐しているので、似たような処理で行けるのではないでしょうか? var hasEvent = $("#" + id).data("hasEvent");
user3758624's user avatar
  • 2,173
1
Accepted

BowerやGruntを使ってHonokaをコンパイルしたい

bower, gruntはNodeJSを使用したCLIです。 公式ページからNodeJSをインストールするか、nodebrewで任意のバージョンを利用できます。インストールが終了すると、npmコマンドを使用できるようになります。NodeJS-Package-Managerの意です。 curl -L git.io/nodebrew | perl - setup nodebrew install-...
59naga's user avatar
  • 523

Only top scored, non community-wiki answers of a minimum length are eligible