3
票
Accepted
Polymerでの外部Scriptファイルの読み込み方法について
動作しないコードが掲載されていないので、推測になります。
原因
前回の質問と同じく、ShadowDOM の仕様による現象だと考えられます。
前回 私は ShadowDOM の外側で定義された CSS ルールが適用されない と記述しましたが、より厳密には CSS セレクタがマッチしない と言うべきだったでしょう。CSS セレクタがマッチしない結果、ルールが適用されません。
さて、CSS ...
2
票
Accepted
要素中にある複数の要素を適宜折り返したい、ただし要素の途中で折り返さない
table要素はデフォルト(table-layout: auto)では表の全てのセルを考慮して幅を決定します。この時 「折り返しを考慮しても中身が枠をはみ出ない幅」 が、親要素の幅や、テーブル自身に指定された width CSSプロパティを超えていた場合、それらの値を無視して「折り返しを考慮しても中身が枠をはみ出ない幅」がテーブルの幅となります。これが今回の現象です。
...
2
票
Accepted
PolymerとBootstrapの併用について
コードが無いので推測ですが、それは不具合では無く ShadowDOM の仕様によるものだと考えられます。
ShadowDOM は CSS の境界を作ります。
ShadowDOM の外で定義された CSS ルールは、ShadowDOM の内部に影響を与えません。
ShadowDOM の中で定義された CSS ルールは、ShadowDOM の外部に影響を与えません。
つまり、Web ...
2
票
Timepickerが機能しない。
bootstrap-timepickerのlinkタグにrel="stylesheet"属性を指定していないためです。
以下のように指定すると動作します。
$('#timepicker1').timepicker();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">...
2
票
チェックボックスを扱って時間を変更したい。
Timepickerの時間を設定するのに、setTimeを利用してください。
詳しくは、ここに参照してください。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" ...
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
あと、理由として、...
2
票
Accepted
RSpec+CapybaraでBootstrap 4のドロップダウンをテストする方法
「ナビゲーションバーの中にあるドロップダウンをクリックして表示されたドロップダウンメニュー」はJavaScriptを使って実現されているはずです。
なので、RSpecの中でもJavaScriptを使う必要があります。
selenium-webdriverやPoltergeistといったgemを導入するとRSpec内でもJSが有効になります。
(僕はPoltergeistをよく使います)
...
2
票
bootstrap でnavbar が正しく表示されません
スクリーンショットを見る限り、bootstrapの前にhtmlについて勉強する必要があります。特に<html>タグや<body>タグの役割といった基礎の基礎の知識が足りてないように見受けられます。
とりあえずの解決策としては、全てのコンテンツは</body>の手前に書く必要があります。
2
票
2
票
Accepted
Rails6 webpacker から bootstrap js を使う方法
require して返り値を受け取ってないからでは無いでしょうか。
const bootstrap = require(“bootstrap”);
console.log(bootstrap.Tab);
みたいにすると大丈夫そうな気がします。
ところで今後はes6の文法で書く方がより良いと思います。
公式にも下記のような書き方が推奨されてます。
import * as bootstrap ...
2
票
使っているデバイスによってbackground-sizeを変えたい
メディアクエリを使ってブラウザーのビューポートの幅で切り替えるのが一般的です。
たとえばスマートフォン用の指定は下記を追加します
@media (max-width: 575.98px) {
.top-main {
background-size: cover;
}
}
1
票
Accepted
隔離スコープのパラメータが同期されない
詳細がわからないため推測になりますが、以下のどちらかではないでしょうか。
異なるスコープでshowが定義されており、scope.toggleによる切り替えで期待したスコープのshowの値が変更されていない
DatepickerのshortcutPropagationの設定が考慮されていない
補足:
1....
1
票
Accepted
.NET MVC ViewからControllerへのbootstrap toggleの状態渡しについて
JavaScriptで値が変化する際のイベント(onlickなど)を監視し、AJAXと呼ばれる手法でリクエストを送信し、結果を受け取ることができます。ASP.NET MVCの場合はjQueryを使用して
<script>
$("#cbOnOff").click(function(e){
$.ajax({
url: '@Url....
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" ...
1
票
画面のテーブルに対して行選択するコードの書き方について。
class(dataとfilename)とattribute(flag)を付加してサンプルを書いてみました。
色々な方法がありますが、こんな感じでしょうか。
選択行を取得ボタンの処理結果はconsole.logへ出力しました。
$(function(){
$('.data').on("click",function(){
var ...
1
票
モーダル画面内の入力値が文字化けする(TOMCATによる文字化け)
色々と調べた結果Tomcat5.X以降においてGET時に日本語が文字化けするとのことでした
参照
http://ameblo.jp/spring-beginner/entry-10429339939.html
そこでサーバー側(私の場合、Eclipseのテスト用TOMCAT7)のserver.xmlの以下のパラメータに以下の項目を追加したら治りました。
<Connector ...
1
票
AngulerJSでのモーダル画面表示
全体的に$modalではなく$uimodalでした
また最初に
app.controller("controller", ['$scope', '$http','$uibModal', function($scope, $http, $uibModal )
と定義しておいく必要があることがわかりました。
実際につかうときは
var modalInstance = $uibModal.open(...
1
票
Accepted
.NETでBootstrapのModalがOnClickイベント後に閉じてしまう。
onserverclickなのでポストバックが発生し、ページ全体またはUpdatePanelが再読み込みされてBootstrapによるモーダルの表示を打ち消しているのでしょう。ですのでUpdatePanelのトリガーとして問題のボタンを登録する必要があります。対象の<asp:UpdatePanel>に
<asp:UpdatePanel ID="UpdatePanel2" ...
1
票
要素を横一列で並べたい。
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
横並びのときは上記のCSSが効いているので、これをメディアクエリ外に書いても効くのですが、ほかに影響が出るとまずいので、
.input-group.timepicker {
display: inline-table;
...
1
票
modal内の特定の要素の高さを取得したい
回答の内容は@pgrho さんと同じですが、サンプルを投稿します。
(コメントとして追加しようとしましたが、まだ権限が足りなかったため回答として投稿)
$('#myModal').on('shown.bs.modal', function (e) {
var takasa = $('p').height()
alert(takasa);
});
<script ...
1
票
bootstrapでtableの縦線を消す方法について
以下はBootstrap 3 の基本的なテーブルを公式のドキュメントより引用したものです。
縦線は存在しませんが、これで解決できませんか?
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class=...
1
票
Accepted
画面が小さくなっても要素を横一列に並んだままにしたい
多少デザインが変わりますが、このような感じではいかがでしょう?
<div class="container" style="padding:20px 0">
<form class="form-inline" style="margin-bottom:15px;">
<div class="form-group">
...
1
票
Accepted
bootstrap下の中央寄せされたレスポンシブ画像のリンク化
親<div>にtext-align:center、<img>にdisplay:inline-block;が付くようにCSSを設定すると良さそうです。
<!DOCTYPE html>
<html>
<head>
<link href="http://getbootstrap.com/dist/css/...
1
票
Accepted
BootStrap3のテーマを使うには?
適用したいBootstrap3のデザインのCSSやJavaScript、画像ファイルなどを入手してデザインが公開されているサイトの手順にあわせたディレクトリやファイルを配置するか、それらのソースを参照するURLを修正するかのどちらかになります。
この手順はBootstrap3のデザインを適用されたときと全く同じです。
適用のさせ方がわからないのか、入手の方法がわからないのか、...
1
票
1
票
Bootstrapテンプレートで、<select class="form-control"> の角丸を四角にしたい
-webkit-appearance:none; を指定してください。
<select class="form-control" style="border-radius: 0!important; -webkit-appearance:none;">
1
票
zabuto calendarでクリックイベントをjsonの値によって変えたい
http://zabuto.com/dev/calendar/examples/action.html はご覧になりましたか?
クリックされた時の action を書き換えることができるようです。
サンプルでは、hasEvent 値を見て分岐しているので、似たような処理で行けるのではないでしょうか?
var hasEvent = $("#" + id).data("hasEvent");
1
票
Accepted
BowerやGruntを使ってHonokaをコンパイルしたい
bower, gruntはNodeJSを使用したCLIです。
公式ページからNodeJSをインストールするか、nodebrewで任意のバージョンを利用できます。インストールが終了すると、npmコマンドを使用できるようになります。NodeJS-Package-Managerの意です。
curl -L git.io/nodebrew | perl - setup
nodebrew install-...
Only top scored, non community-wiki answers of a minimum length are eligible
関連するタグ
bootstrap × 75ruby-on-rails × 21
javascript × 18
css × 16
html × 15
jquery × 12
html5 × 7
ruby × 5
vue.js × 4
angularjs × 4
java × 3
scss × 3
c# × 2
node.js × 2
typescript × 2
rubygems × 2
jsp × 2
internet-explorer × 2
sass × 2
polymer × 2
bootstrap4 × 2
python × 1
php × 1
laravel × 1
json × 1