タグ付けされた質問 「twitter-bootstrap」

Bootstrapは、Webアプリおよびサイトの開発を開始するために設計されたフロントエンドフレームワークです。Bootstrapのバージョンに関連する質問については、「twitter-bootstrap-2」、「twitter-bootstrap-3」、「bootstrap-4」タグから特定のバージョンのタグも使用してください。

12
Twitterブートストラップ2の送信ボタンにアイコンを追加
フォーム入力送信ボタンでTwitterブートストラップアイコンを使用したい。 http://twitter.github.com/bootstrap/base-css.html#iconsの例は、主にスタイル付きハイパーリンクを示しています。 一番近いのは、ボタンの横にアイコンが表示されているのですが、中にはありません。 <div class="input-prepend"> <span class="add-on"><i class="icon-user icon-white"></i></span> <input type="submit" class="btn-primary" value="Login" > </div>
30
クリック時にボタンの周りのフォーカスを削除する方法
ボタンをクリックすると、すべてのボタンがハイライト表示されます。これはChromeにあります。 <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> 私はテーマでBootstrapを使用していますが、そうではないと確信しています。以前、別のプロジェクトでこれに気づいていました。 の<a>代わりにタグを使用すると、問題が解決し<button>ます。どうして？使用<button>したい場合、どうすればそれを解消できますか？
25
クリックでTwitter Bootstrap Tooltipコンテンツを変更する
クリックでAJAXリクエストを送信するアンカー要素のツールチップがあります。この要素には、ツールチップがあります（Twitter Bootstrapから）。AJAXリクエストが正常に戻ったときにツールチップのコンテンツを変更したいのですが。開始後にツールチップをどのように操作できますか？
30
Font Awesomeが機能せず、アイコンが四角で表示される
だから私はマーケティングページのプロトタイプを作ろうとしていて、Bootstrapと新しいFont Awesomeファイルを使っています。問題は、アイコンを使用しようとすると、ページにレンダリングされるすべてが大きな四角形になることです。 ここでは、ファイルをヘッドに含める方法を示します。 <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/app.css"> <!--[if IE 7]> <link rel="stylesheet" href="css/font-awesome-ie7.min.css"> <![endif]--> </head> そして、これがアイコンを使おうとする私の例です： <i class="icon-camera-retro"></i> しかし、すべてが大きな正方形でレンダリングされます。誰かが何が起こっているのか知っていますか？
11
レスポンシブブートストラップナビゲーションバーのコンテンツを中央に配置
コンテンツをブートストラップナビゲーションバーの中央に配置することに問題があります。私はブートストラップ3を使用しています。多くの投稿を読みましたが、使用したCSSまたはメソッドは私のコードでは機能しません！私は本当にイライラしているので、これは私の最後の選択肢のようなものです。何か助けていただければ幸いです！ <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/style.css" rel="stylesheet" media="screen"> </head> <body> <div class="container"> <nav class="navbar navbar-default" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> …
4
Twitterブートストラップvs jQuery UI？[閉まっている]
現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 基本的なページの機能強化のためにjQuery UIを使用しています。ボタンと入力のスタイルとモーダルダイアログボックス。今、Bootstrapに出会いました。 jQuery UIからBootstrapに移行した経験はありますか？これは私がやろうとしていることですが、これを行う前に、私が直面する可能性のある問題を認識したいと思います。
30
select2の値をリセットしてプレースホルダーを表示
select2によってリセットされた値にプレースホルダーを設定するにはどうすればよいですか。私の例では、場所またはグレード選択ボックスがクリックされ、select2に値がある場合、select2の値がリセットされ、デフォルトのプレースホルダーが表示されます。このスクリプトは値をリセットしていますが、プレースホルダーは表示されません $("#locations, #grade ").change(function() { $('#e6').select2('data', { placeholder: "Studiengang wählen", id: null, text: '' }); }); $("#e6").select2({ placeholder: "Studiengang wählen", width: 'resolve', id: function(e) { return e.subject; }, minimumInputLength: 2, ajax: { url: "index.php?option=com_unis&task=search.locator&tmpl=component&<?php echo JSession::getFormToken() ?>=1", dataType: 'json', data: function(term, page) { return { q: term, // search term …
7
より大きなグリフィコン
Twitterブートストラップ3.0（2.3.xではない）でより大きなグリフィコンを作成するにはどうすればよいですか。 このコードは私のグリフィコンを大きくします： <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> スパンのみを使用しているときにbtn-lgクラスを使用せずにこのサイズを取得するにはどうすればよいですか？ これは小さなグリフィコンを与えます： <span class="glyphicon glyphicon-link"></span>
15
画像のデッドセンターをブートストラップに合わせる方法
私はブートストラップフレームワークを使用しており、画像を水平方向に中央揃えにしようとしていますが、成功しません。 12グリッドシステムを3つの等しいブロックに分割するなど、さまざまなテクニックを試しました。 <div class="container"> <div class="row"> <div class="span4"></div> <div class="span4"><img src="logo.png" /></div> <div class="span4"></div> </div> </div> ページに対して画像を中央に配置する最も簡単な方法は何ですか？
9
ブートストラップを使用してリスト選択ボックス（ドロップダウン）をレンダリングするにはどうすればよいですか？
ブートストラップが「通常の」事実上のドロップダウンリストの選択ボックスをレンダリングするためにサポートしている、箱から出して何かありますか？つまり、ドロップダウンボックスは値のリストであり、選択された場合、リストボックスの内容を入力しますか？ この機能に似たものはありますか？ http://bootstrapformhelpers.com/select/
18
LESSを使用せずにブートストラップナビゲーションバーの折りたたみブレークポイントを変更する
現在、ブラウザーの幅が768pxを下回ると、ナビゲーションバーは折りたたみモードに変わります。この幅を1000pxに変更したいので、ブラウザーが1000px未満になると、ナビゲーションバーが折りたたみモードに変わります。LESSを使用せずにこれを実行したいのですが、LESSではなくスタイラスを使用しています。 私の問題はこの質問と同じです：Bootstrap 3 Navbar Collapse しかし、その質問のすべての回答は、LESS変数を変更してそれを行う方法を説明しています。私はLESSを扱っていません。スタイラスを使用しているので、スタイラスまたは別の方法を使用してこれを行う方法を知りたいです。 ありがとう！
7
素晴らしいフォント、入力タイプ「送信」
font-awesomeに入力タイプ 'submit'のクラスがないようです。ボタン入力にfont-awesomeのクラスを使用することは可能ですか？アプリケーションのすべてのボタン（実際にはtwitter-bootstrapの「btn」クラスにリンクしている）にアイコンを追加しましたが、「入力タイプ送信」にアイコンを追加できません。 または、このコードの使用方法： input#image-button{ background: #ccc url('icon.png') no-repeat top left; padding-left: 16px; height: 16px; } html： <input type="submit" id="image-button">Text</input> （HTMLから取得：テキストと画像を含む送信ボタンを作成するにはどうすればよいですか？）font-awesomeを使用しますか？
25
Twitter Bootstrap 3スティッキーフッター
Twitterブートストラップフレームワークをかなり長い間使用していますが、最近バージョン3に更新されました！ スティッキーフッターを下に貼り付けるのに問題があります。TwitterブートストラップWebサイトから提供されているスターターテンプレートを使用しましたが、まだうまくいきません。
7
プログラムでBootstrapモーダルをトリガーするにはどうすればよいですか？
ここに行ったら http://getbootstrap.com/2.3.2/javascript.html#modals そして、「デモモーダルを起動」をクリックすると、期待どおりの動作が行われます。サインアッププロセスの一部としてモーダルを使用しており、サーバー側の検証が関係しています。問題がある場合、検証メッセージが表示されている同じモーダルにユーザーをリダイレクトしたい。現時点では、ユーザーからの物理的なクリック以外にモーダルを表示する方法を理解できません。プログラムでモデルを起動するにはどうすればよいですか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.