B.   テーブルブートストラップ

C.   応答性テーブル

D.   ブートストラップテーブル

A.   .btn-default

B.   .btn-primary

D.   .btn-warning

B.   .button-group

C.   .Group-Button

D.   .group-btn

A.   。アクティブ

B.   。危険

C.   。成功

A.   .table-zebra

B.   .table-bordered

C.   。また.odd

A.   .list-aligned

D.   .list-block

A.   。メニュー

B.   .Navbar

C.   .items

A.   タグ>

B.   <span>

C.   <hover>

A.   .table-crollable

B.   .Table-Condensed

D.   .tableストライプ

A.   クラスは、サービスルールのみを非表示にするために使用されます

B.   クラスは、サービスルールのみを表示するために使用されます

C.   このクラスは、レンダリングされたページのレイアウトのスクリーンリーダー専用の情報を表示するために使用されます。

B.   nav aria-label =＆quot;ページナビゲーション＆quot;> <ul class =＆quot; pagination＆quot;> <p> <a href="#"> 1 </a> </p> <p> <a href =＆quot ;＃＆quot;> 2 </a> </p> <p> <a href=＆quot;#" ;> 3 </a> </p> <p> <a href="#" ;> 4 </a> </p> <p> <a href =＆quot;#"> 5 </a> </p> </ul> </nav>

C.   nav aria-label =＆quot;ページナビゲーション＆quot;> <ul class =＆quot; pagination＆quot;> <i> <a href="#"> 1 </a> </i> <i> <a href =＆quot ;＃＆quot;> 2 </a> </i> <i> <a href=＆quot;#&Quot; </a> </i> <i> <a href =＆quot;#"> 5 </i> </ul> </nav>

D.   上記のどれでもない

A.   s-out

B.   大きい

D.   初め

A.   ボタンclass =＆quot; btn btn-primary btn with-badge＆quot;>メッセージ<span> 4 </span> </button>

C.   <button class =＆quot; btn btn-primary＆quot;> messages <span class =＆quot; btn-badge＆quot;> 4 </span> </button>

D.   <button class =＆quot; btn btn-primary＆quot;> messages </button> <span class =＆quot; btn-badge＆quot;> 4 </span>

A.   .form-set

C.   。エレメントから

D.   .form-item

B.   .btn-large

C.   .btn-l

D.   .btn-xl

A.   .list-within-line

B.   .list-by-line

C.   .list-line

A.   div class =＆quot; alert alert-warning＆quot;>警告！ <a href="#" ;>ドキュメントを読む</a> </div>

B.   <div class =＆quot;アラートアラート警告アラートハイライトリンク＆quot;>警告！ <a href="#" ;>ドキュメントを読む</a> </div>

D.   <div class =＆quot; alert alert warning＆quot;>警告！ <a href =＆quot;＃＆quot; class =＆quot; alert-warning-link＆quot;>ドキュメントを読む</a> </div>

A.   h1 class =＆quot; page-header＆quot;> ruby​​ on Rails <small> by matz </small> </h1>

B.   <h1 class =＆quot; page-header＆quot;> ruby​​ on Rails <small class =＆quot; header-subtext＆quot;> by matz </small> </h1>

D.   <div class =＆quot; page-header＆quot;> <h1> ruby​​ on rails <small class =＆quot; header-subtext＆quot;> by matz </small> </h1> </div>

A.   ラベルクラス=＆quot;チェックボックス＆quot;> <入力タイプ=＆quot;チェックボックス＆quot; value =＆quot; checked＆quot;>承認項</label>

C.   <div class =＆quot;チェックボックス＆quot;> <入力型=＆quot;チェックボックス＆quot; value =＆quot; checked＆quot;> <label>承認項</label> </div>

D.   <div class =＆quot;チェックボックス＆quot;> <label>承認項</label> <入力型=＆quot;チェックボックス＆quot; value =＆quot; checked＆quot;> </div>

B.   赤

C.   白

D.   黒

A.   .img-rounded

B.   .img-circle

D.   .img-thumbnail

A.   .Navigation .Navigation-Tabs

C.   .nav-tabs-navigation .nav-tabs-children

D.   上記のどれでもない

A.   。大きな箱

C.   。容器

D.   。注意

A.   。ページタイトル

C.   。ヘッダ

D.   上記のどれでもない

A.   ブートストラップソースファイルのサイズを最適化するため

C.   GoogleフォントをBootstrap CSSに直接インポートするには

D.   上記のどれでもない

A.   .img-thumbnail

B.   .img-round

D.   .img-rounded

A.   .btn-wide

B.   .btn-full

C.   .btn-container

B.   .form-group：必須{content：＆quot;*＆quot ;;赤色; }

C.   .form-group：afted {content：＆quot;*＆quot ;;赤色; }

D.   上記のどれでもない

A.   .table-break

B.   .table-zebra

C.   .table-strap

A.   メタコンテンツ=＆quot;テキスト＆quot;>

C.   <メタcharset =＆quot; utf-8＆quot;>

D.   <メタhttp-equiv =＆quot; refresh＆quot; content =＆quot; 30＆quot;>

A.   セクション>

B.   <code>

C.   <キーボード>

B.   .containerfixed

C.   .container-fullwidth

D.   。容器

A.   .containerfixed

B.   .container-fluid

D.   .container-fullwidth

A.   ボタンタイプ=＆quot;ボタン＆quot; class =＆quot; btn btn-default＆quot;> default </button>

B.   <ボタンタイプ=＆quot; button＆quot; class =＆quot; btn btn-default-red＆quot;> default as red </button>

C.   <ボタンタイプ=＆quot; button＆quot; class =＆quot; btn＆quot; color =＆quot; red＆quot;> red </button>

D.   <ボタンタイプ=＆quot; button＆quot; class =＆quot; btn btn-red＆quot;> red </button>

F.   <ボタンタイプ=＆quot; button＆quot; class =＆quot; btn btn-alert＆quot;> danger </button>

A.   いいえ、ブートストラップはモバイルファーストであり、モバイルサイトはズームインまたはアウトする機能を持っている必要があります

B.   はい、ただしJSを有効にし、 `data-zoom =＆quot; off＆quot;` on bodyタグを追加する必要があります

C.   「width = device-width」が `name =＆quot; viewport＆quot;` withメタタグにある場合にのみズームが無効になります。

D.   Zoomは、「初期スケール= 1、最大スケール= 1`が `name =＆quot; viewport＆quot;` を含むメタタグにある場合にのみ無効になります。

A.   $（＆quot; .item＆quot;）。クリック（function（）{$（＆quot;＃idcarousel＆quot;）。carousel（0）;}）;

B.   $（＆quot;＃idcarousel＆quot;）。carousel（）;

C.   $（＆quot; .item＆quot;）。クリック（function（）{$（＆quot;＃idcarousel＆quot;）。carousel（1）;}）;

A.   そのようなことはブートストラップには存在しません、それは大きなテレビセットを説明するために使用されるいくつかの言葉です

C.   グリッドレイアウトを保持するのはコンテナ要素です

D.   画像をフルスクリーンモードに保持するのはコンテナ要素です

B.   インライン形式

C.   アウトラインフォーム

D.   垂直（デフォルト）フォーム

A.   .visible-sm-block：小さなデバイス（幅が767px以上、幅は992px未満）が表示されます

B.   .visible-md-block：中装置（幅が最大768pxまで）見える

C.   .visible-md-block：中装置（幅が768px〜980px）表示

A.   すべてのブラウザがサポートされています。

B.   Chrome、Firefox、Opera、IE、Safariのすべてのバージョン。

D.   Chrome、Safari、Firefoxは自動的に完全にサポートされ、IE 8と9は古いIE互換性モードでのみサポートされます。

A.   ボタンタイプ=＆quot;ボタン＆quot; class =＆quot; button success＆quot;> button </button>

C.   <btn class =＆quot; success＆quot;> button </btn>

D.   <ボタンタイプ=＆quot; button＆quot; class =＆quot; btn-flat＆quot;> button </button>

A.   少ない

B.   CSS

D.   モーダル

A.   Bootstrapは箱から出してアイコンを提供しませんが、マテリアルデザイン、Font Awesome、またはBootstrapと一緒に設定されたその他のアイコンを使用することができます。

B.   divのテキストの後にアイコンが必要な場合、アイコンは次のように追加できます： `<div class =＆quot; glyphicon glyphicon-search＆quot;> search </div>`

C.   アイコンクラスは、他の要素と直接組み合わせることができます。

E.   どれでもない

C.   col-em-

E.   col-sx-

A.   $（'。vav-tabs a '）。

B.   $（ '。vav-tabs a'）

C.   $（'。vav-tabs a '）

A.   $（'。vav-tabs a '）。

B.   $（ '。vav-tabs a'）

C.   $（'。vav-tabs a '）

B.   <span class =＆quot; glyph glyph-search＆quot;> </span>

C.   <span class =＆quot; glyphicon-search＆quot;> </span>

D.   <span class =＆quot; glyphicon search＆quot;> </span>

B.   .navbar-black

C.   .navbar-default

D.   .Navbar-Dark

A.   プロトタイピング中にユーザーインターフェイスを構築するのはCSS APIです

C.   迅速なCSSの変更を可能にするのはJSとECMAScriptフレームワークです

D.   Twitter UI APIの一部です

E.   インターフェイスを構築する新しい方法です

D.   .img-rounded：border-recat：6pxを追加して、画像の角を与えます

E.   .img-circle：境界線を追加することにより、画像全体を半径にします

D.   上記のどれでもない

A.   $（ '＃popoverexample'）。

B.   $（ '＃popoverexample'）

C.   $（ '＃popoverexample'）。

D.   $（ '＃popoverexample'）。

A.   .lg、.sm

C.   .menu-lg、.menu-sm

D.   上記のどれでもない。

A.   .btn-group

B.   .btn-toolbar

D.   .btn-group-vertical

A.   @body-bg

B.   @テキストの色

D.   @link-color

A.   32x32

C.   128x128

D.   どれでもない

A.   $（ '＃welcome-message'）。modal（ 'display'）;

C.   $（ '＃welcome-message'）。modal（ 'open'）;

D.   $（ '＃welcome-message'）。モーダル（ 'render'）;

A.   テーブルクラス=＆quot;テーブルコンデンスボーダーロウホーバー＆quot;> </table>

B.   <テーブルクラス=＆quot;テーブルコンデンス境界付きホバー＆</テーブル>

C.   <テーブルクラス=＆quot;テーブルテーブルコンデンステーブルボーダーロウホーバー＆quot;> </table>

A.   ＃286090

B.   ＃CC2929

C.   ＃167ac6

A.   フォンテロ

B.   フォンテソン

D.   Icomoon

B.   .text-nowrap

C.   .text-flush

D.   .text-align-light-right

A.   ブラウザビューのサイズを指定します

B.   ページにロードできるメディアファイルを指定するには

D.   上記のどれでもない

A.   Flaticon

B.   プラスリコン

C.   font-awesome

A.   「form-inline-mobile」ビューポートが幅768pxより小さい場合

C.   `form-inline-desktop`ビューポートが少なくとも768px幅の場合

D.   ビューポートの幅が少なくとも768pxの場合は、 `row-as-as-as-as-as-as-as-as as

E.   `low-in-row`ビューポートが少なくとも768px幅の場合

F.   ブートストラップは最初にモバイルであり、モバイルフォームの要素が列に表示されるため、できません

B.   サス

C.   TCSS

D.   Twittercss

A.   クラスのアイテム `.visible-xs-*`が非表示になります

C.   クラスのアイテム `.visible-md-*`は隠されたままです

D.   クラスのあるアイテム `.visible-lg-*`は隠されたままです

A.   ボディ-BG、グレーダーク、ブランドプリマリー、リンクホバーカラー、リンクホーバー装飾

C.   ボディBG、テキストカラー、リンク色、リンクホバー装飾、リンクホバーカラー

D.   グレーダークとブランドプリマリー

A.   Divは、小さな解像度デバイスに対してのみ表示されます

C.   Divは右側のみにスライドします

D.   Divは画面の右側にのみ留まります

B.   クラス「row-flex」と `column-flex`のみ

C.   どれでも

D.   <ol> <li>どのFlexboxモデルCSSオプションをBootstrapと一緒に使用できますか？</li> </ol>

A.   ul class =＆quot; nav＆quot; id =＆quot; top_navigation＆quot;> <li id =＆quot; part-1＆quot;>パート1 </li> <li id =＆quot; part-2＆quot;>パート2 </li> </ul>および内容をラップする必要がありますそのようなdiv：<div data-menu =＆quot; top_navigation＆quot;> <div id =＆quot; part-1＆quot;> contents </div> <div id =＆quot; part-2＆quot;> contents </div> </div >

C.   それを実現するには、サードパーティのライブが必要になります。例えば。 jqueryまたはracems

D.   たとえば。 `data-rel =＆quot; navigation＆quot;`属性と `data-rel-bind =＆quot; navigation＆quot;`

A.   「del」でタグテキストが削除されたテキストのように見え、「s」タグを使用してテキストを作成するために使用されます

C.   MacのSafariユーザーにはわずかな違いがありますが、他の違いはありません

D.   `del`と` s`は異なるものを表し、「del」テキストも赤く、「s」テキストは単にstrikedされています

A.   幅メディウム

B.   Media-Query-Mobile

E.   小さい

F.   どれでもない

A.   それは列から外れて、場所を節約します。

C.   列の右マージンが増加しています。

D.   列の左マージンが増加します。

A.   クラス「太字」を追加します

B.   HTML「Bold」タグを使用します

E.   クラス「強い」を追加します

F.   どれでもない

B.   <ul class = "Dropdown-Menus"> <Span id = "docs-internal-guid-8be069af-7fff-9809-70f4-a1d9afdb984e"> <span style = "font-size：12pt; font-family：calibri、sansansans -serif; background-color：透明; font-variant-numeric：normal; font-variant-asian：normal; vertical-align：baseline; white-space：pre-rap; "> <ul class ="ドロップダウン - メニュー "> ... </ul> </span> </span> </ul>

C.   <ul class = "navigation"> <span id = "docs-internal-guid-14ebfa5b-7fff-f6c3-74b4-c9f489aa211c"> <span style = "font-size：" font-size： "font-family：calibri、sans-serif ;バックグラウンドカラー：透明; font-variant-numeric：normal; font-variant-asian：normal; vertical-align：baseline; white-space：pre-rap; "> <ul class =" navigation ">。 .. </ul> </span> </span> </ul>

D.   <ul class = "nav-dropdowns"> <span id = "docs-internal-guid-77181952-7fff-05cf-0e4a-8ba5c67692fe"> <span style = "font-size：12pt; font-family：calibri、 sans-serif; background-color：透明; font-variant-numeric：normal; font-variant-east-asian：vertical-align：baseline; white-space：pre-rap; "> <ul class =" nav nav-dropdowns "> ... </ul> </span> </span> </ul>

F.   <ul class = "nav-tabs-with-dropdown"> <span id = "docs-internal-guid-8c03703f-7fff-3162-c0fe-4eda7ef617f7"> <span style = "font-size：12pt; font-家族：Calibri、sans-serif;バックグラウンドカラー：透明;フォント変数 - 数量：normal; font-variant-asian：normal; vertical-align：baseline; white-space：pre-rap; "> <ul class = "メニュー"> </ul> </span> </span> </ul>

G.   <ul class = "menu"> </ul>

C.   いくつかのHTMLタグにクラス「Marked」を追加します

D.   いくつかのHTMLタグにクラス「is-marked」を追加します

E.   いくつかのHTMLタグにクラス「マークテキスト」を追加します

A.   .btn

C.   .btn-success

D.   .btn-info

A.   コンテンツ：最も重要なものを決定します。

B.   レイアウト：最初に小さな幅に設計します。ベースCSSアドレス最初にモバイルデバイス。タブレット、デスクトップのメディアクエリアドレス。

C.   プログレッシブエンハンスメント：画面サイズが大きくなると要素を追加します。

A.   .progress-stacked

C.   .progress-stack。

D.   上記のどれでもない。

A.   井戸は<div>の容器であり、コンテンツが沈んだり、ページに挿入された効果があります。

B.   井戸を作成するには、.wellのクラスを含む<div>を使用して、ウェルに表示したいコンテンツを単純にラップします。

D.   上記のどれでもない。

A.   メタ名=＆quot; viewports＆quot; content =＆quot; width = device-width、initial-scale = 1＆quot;>

C.   <メタ名=＆quot; viewsport＆quot; content =＆quot; width = device-width、initial-scale = 1＆quot;>

D.   上記のどれでもない

A.   はい、ヘルパークラスの使用：「レスポンシブ」

C.   はい、クラス「IMG-Responsive」を使用しますが、JavaScriptプラグインを有効にする必要があります

D.   はい、クラス「img-rounded」を使用して、幅は幅の幅によって最も近い整数に丸められます

E.   はい、クラス `img-fluid`を使用します

F.   はい、クラス「画像応答」を使用します

G.   どれでもない

A.   「リード」を追加するP要素へのクラスは、テキストを際立たせます。

B.   「Text-Left」の追加＆quot; P要素へのクラスにより、テキストが左に並べられます。

C.   「text-justify」を追加する＆quot; P要素へのクラスにより、テキストが正当化されます。

A.   メディアクエリは、「条件付きCSSルール」の本当に派手な用語です。

B.   特定の条件に基づいて、単にいくつかのCSSを適用します。これらの条件が満たされている場合、スタイルが適用されます。

D.   上記のどれでもない。

A.   。列をなして

C.   .horizo​​ntal

D.   上記のどれでもない。

B.   。成功

C.   。警告

D.   。危険

B.   Responsive

C.   。アクティブ

D.   。テーブル

A.   適切なアライメントとパディングのために、行を.containerクラス内に配置する必要があります。

B.   行を使用して、列の水平グループを作成します。

C.   コンテンツは列内に配置する必要があり、列のみが行の直接の子供である可能性があります。

B.   エスケープキーが押されたときにモーダルを閉じます。 falseに設定して無効になります。初期化されたときにモーダルが表示されます。

C.   jQuery .Loadメソッドを使用して、モーダルボディにコンテンツを注入します。有効なURLを持つHREFがある場合

D.   追加して、そのコンテンツをロードします。

A.   .navおよび.tabbedクラスを使用して<ul>タグ

B.   .navおよび.tabsクラスを使用して<ul>タグ

C.   .navigationと.tabsクラスを使用して<ul>タグ

A.   .list-Unstyledクラスを親要素に追加します

C.   <unstyled>でリストをラッピングします

D.   タグ<ul>でリストをラッピングします

A.   いくつかのテキスト要素に.uppercaseクラスを追加します

B.   不可能です

D.   .all-uppercaseクラスをいくつかのテキスト要素に追加します

E.   .t-uppercaseクラスをいくつかのテキスト要素に追加します

A.   $（ 'a [data-toggle =＆quot; tab＆quot;]'）。

B.   $（ 'a [data-toggle =＆quot; tab＆quot;]'）。

C.   $（ 'a [data-toggle =＆quot; tab＆quot;]'）。

D.   $（ 'a [data-toggle =＆quot; tab＆quot;]'）。

A.   8

B.   10

D.   14

A.   3

C.   6

D.   9

A.   1

C.   1.5

D.   2

E.   2.428

B.   いいえ

C.   はい、しかしタブとツールチップのみ

D.   いいえ、モーダル以外

A.   $（ '＃tooltipexample'）。

B.   $（ '＃tooltipexample'）。

C.   $（ '＃tooltipexample'）。

D.   $（ '＃tooltipexample'）。

E.   $（ '＃tooltipexample'）。

B.   HTMLをツールチップに挿入します。 falseの場合、jQueryのテキストメソッドを使用して、コンテンツをDOMに挿入します。

C.   ツールチップを配置する方法を指定します（つまり、上|下|左|右|自動）。

D.   指定されたターゲットに委任します。

A.   FlexBoxで行われ、 `flex =＆quot; 1＆quot;`および `alignitems =＆quot; center＆quot;`などの小道具を使用します。

B.   Bootstrapは、グリッドを作成するためのカスタムクラスを提供します。行と `span1、span2、span3などの` row`。列の場合。

D.   Bootstrapは、グリッドを作成するためのカスタムクラスを提供します。列の「row」と `col-mobile-3、col-tablet-12など。列用。