bootstrap-honoka-rails 4.3.1.6 → 4.4.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/README_ja.md +1 -1
- data/VERSIONS.md +9 -8
- data/assets/stylesheets/honoka/_honoka.scss +1 -1
- data/assets/stylesheets/honoka/_variables.scss +42 -22
- data/lib/bootstrap/honoka/rails/version.rb +1 -1
- data/test/dummy/app/views/pages/honoka.html.erb +80 -152
- data/test/dummy/config/application.rb +1 -1
- data/test/dummy/config/environments/test.rb +1 -1
- metadata +4 -15
- data/assets/stylesheets/_nico.scss +0 -8
- data/assets/stylesheets/nico/_honoka.scss +0 -55
- data/assets/stylesheets/nico/_mixins.scss +0 -1
- data/assets/stylesheets/nico/_override.scss +0 -42
- data/assets/stylesheets/nico/_override_nico.scss +0 -47
- data/assets/stylesheets/nico/_variables.scss +0 -1193
- data/assets/stylesheets/nico/_variables_nico.scss +0 -95
- data/test/dummy/app/assets/stylesheets/nico.css +0 -3
- data/test/dummy/app/views/pages/nico.html.erb +0 -1865
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 30502af37f49e2d22b95da3743139fc78c806a5bed72ffc4551da8cec87ba125
|
4
|
+
data.tar.gz: 44c1c08858ac4aa24341677513729a571277e92a4044e13c8dcb63bc7fb81208
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3cc62783e4d24156f2dd665a1382680137fda4c6f560b717ec735e1434e5eaf812fe2114354a0e9504585110272ad1ecabc9fafa03a4fb7c883e05b7b707d03a
|
7
|
+
data.tar.gz: 93565cfae5454943616a648487def2c86313fc6b26b8d5fa78d5aafec6e7dcb1058e2e9074da1b87e24ef40ef6e36f7e4ef80b9dc17942764640d7bdc1ee0204
|
data/README.md
CHANGED
@@ -10,7 +10,7 @@ bootstrap-honoka-rails can easily install [Honoka](https://github.com/windyakin/
|
|
10
10
|
Add this line to your application's Gemfile:
|
11
11
|
|
12
12
|
```ruby
|
13
|
-
gem 'bootstrap-honoka-rails' , '~>4.
|
13
|
+
gem 'bootstrap-honoka-rails' , '~>4.4.1' # or '~> 3.3.7'
|
14
14
|
```
|
15
15
|
|
16
16
|
And then execute:
|
data/README_ja.md
CHANGED
@@ -10,7 +10,7 @@ bootstrap-honoka-rails は [Honoka](https://github.com/windyakin/Honoka) や [Um
|
|
10
10
|
gemfile に下記記載します。
|
11
11
|
|
12
12
|
```ruby
|
13
|
-
gem 'bootstrap-honoka-rails' , '~>4.
|
13
|
+
gem 'bootstrap-honoka-rails' , '~>4.4.1' # or '~> 3.3.7'
|
14
14
|
```
|
15
15
|
|
16
16
|
そして下記コマンドでインストール :
|
data/VERSIONS.md
CHANGED
@@ -1,14 +1,15 @@
|
|
1
1
|
# Support Version
|
2
2
|
|
3
|
-
-
|
4
|
-
-
|
3
|
+
- O ... Supported and test completed(使用可能)
|
4
|
+
- X ... Not supported(使用不可)
|
5
5
|
|
6
|
-
| Gem | Honoka | Nico
|
7
|
-
| ----- | ------ |
|
8
|
-
| 4.
|
9
|
-
| 4.
|
10
|
-
|
|
6
|
+
| Gem | Honoka | Nico | Umi | Rin |
|
7
|
+
| ----- | ------ | ------ | --- | --- |
|
8
|
+
| 4.4.1 | O | X | X | X |
|
9
|
+
| 4.3.1 | O | O(\*1) | X | X |
|
10
|
+
| 4.0.0 | O | O | O | X |
|
11
|
+
| 3.3.7 | O | O | O | O |
|
11
12
|
|
12
13
|
#### notice
|
13
|
-
*1 The nico of version 4.3.1 is actually using [nico theme 4.3.2](https://github.com/kubosho/Nico/releases/tag/v4.3.2).
|
14
14
|
|
15
|
+
\*1 The nico of version 4.3.1 is actually using [nico theme 4.3.2](https://github.com/kubosho/Nico/releases/tag/v4.3.2).
|
@@ -102,6 +102,13 @@ $yiq-contrasted-threshold: 150 !default;
|
|
102
102
|
$yiq-text-dark: $gray-900 !default;
|
103
103
|
$yiq-text-light: $white !default;
|
104
104
|
|
105
|
+
// Characters which are escaped by the escape-svg function
|
106
|
+
$escaped-characters: (
|
107
|
+
("<","%3c"),
|
108
|
+
(">","%3e"),
|
109
|
+
("#","%23"),
|
110
|
+
) !default;
|
111
|
+
|
105
112
|
|
106
113
|
// Options
|
107
114
|
//
|
@@ -221,6 +228,7 @@ $container-max-widths: (
|
|
221
228
|
|
222
229
|
$grid-columns: 12 !default;
|
223
230
|
$grid-gutter-width: 30px !default;
|
231
|
+
$grid-row-columns: 6 !default;
|
224
232
|
|
225
233
|
|
226
234
|
// Components
|
@@ -368,7 +376,6 @@ $table-dark-accent-bg: rgba($white, .05) !default;
|
|
368
376
|
$table-dark-hover-color: $table-dark-color !default;
|
369
377
|
$table-dark-hover-bg: rgba($white, .075) !default;
|
370
378
|
$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;
|
371
|
-
$table-dark-color: $white !default;
|
372
379
|
|
373
380
|
$table-striped-order: odd !default;
|
374
381
|
|
@@ -414,6 +421,7 @@ $btn-padding-x: $input-btn-padding-x !default;
|
|
414
421
|
$btn-font-family: $input-btn-font-family !default;
|
415
422
|
$btn-font-size: $input-btn-font-size !default;
|
416
423
|
$btn-line-height: $input-btn-line-height !default;
|
424
|
+
$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping
|
417
425
|
|
418
426
|
$btn-padding-y-sm: $input-btn-padding-y-sm !default;
|
419
427
|
$btn-padding-x-sm: $input-btn-padding-x-sm !default;
|
@@ -490,13 +498,13 @@ $input-plaintext-color: $body-color !default;
|
|
490
498
|
|
491
499
|
$input-height-border: $input-border-width * 2 !default;
|
492
500
|
|
493
|
-
$input-height-inner:
|
494
|
-
$input-height-inner-half:
|
495
|
-
$input-height-inner-quarter:
|
501
|
+
$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;
|
502
|
+
$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;
|
503
|
+
$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
|
496
504
|
|
497
|
-
$input-height:
|
498
|
-
$input-height-sm:
|
499
|
-
$input-height-lg:
|
505
|
+
$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;
|
506
|
+
$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;
|
507
|
+
$input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;
|
500
508
|
|
501
509
|
$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
502
510
|
|
@@ -520,6 +528,7 @@ $custom-forms-transition: background-color .15s ease-in-out, borde
|
|
520
528
|
|
521
529
|
$custom-control-gutter: .5rem !default;
|
522
530
|
$custom-control-spacer-x: 1rem !default;
|
531
|
+
$custom-control-cursor: null !default;
|
523
532
|
|
524
533
|
$custom-control-indicator-size: 1rem !default;
|
525
534
|
$custom-control-indicator-bg: $input-bg !default;
|
@@ -529,6 +538,8 @@ $custom-control-indicator-box-shadow: $input-box-shadow !default;
|
|
529
538
|
$custom-control-indicator-border-color: $gray-500 !default;
|
530
539
|
$custom-control-indicator-border-width: $input-border-width !default;
|
531
540
|
|
541
|
+
$custom-control-label-color: null !default;
|
542
|
+
|
532
543
|
$custom-control-indicator-disabled-bg: $input-disabled-bg !default;
|
533
544
|
$custom-control-label-disabled-color: $gray-600 !default;
|
534
545
|
|
@@ -547,20 +558,20 @@ $custom-control-indicator-active-box-shadow: none !default;
|
|
547
558
|
$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
|
548
559
|
|
549
560
|
$custom-checkbox-indicator-border-radius: $border-radius !default;
|
550
|
-
$custom-checkbox-indicator-icon-checked:
|
561
|
+
$custom-checkbox-indicator-icon-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>") !default;
|
551
562
|
|
552
563
|
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
|
553
564
|
$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
|
554
|
-
$custom-checkbox-indicator-icon-indeterminate:
|
565
|
+
$custom-checkbox-indicator-icon-indeterminate: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>") !default;
|
555
566
|
$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
|
556
567
|
$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
|
557
568
|
|
558
569
|
$custom-radio-indicator-border-radius: 50% !default;
|
559
|
-
$custom-radio-indicator-icon-checked:
|
570
|
+
$custom-radio-indicator-icon-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>") !default;
|
560
571
|
|
561
572
|
$custom-switch-width: $custom-control-indicator-size * 1.75 !default;
|
562
573
|
$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
|
563
|
-
$custom-switch-indicator-size:
|
574
|
+
$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;
|
564
575
|
|
565
576
|
$custom-select-padding-y: $input-padding-y !default;
|
566
577
|
$custom-select-padding-x: $input-padding-x !default;
|
@@ -576,10 +587,10 @@ $custom-select-bg: $input-bg !default;
|
|
576
587
|
$custom-select-disabled-bg: $gray-200 !default;
|
577
588
|
$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
|
578
589
|
$custom-select-indicator-color: $gray-800 !default;
|
579
|
-
$custom-select-indicator:
|
580
|
-
$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
|
590
|
+
$custom-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") !default;
|
591
|
+
$custom-select-background: escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
|
581
592
|
|
582
|
-
$custom-select-feedback-icon-padding-right:
|
593
|
+
$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;
|
583
594
|
$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
|
584
595
|
$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
|
585
596
|
|
@@ -653,9 +664,9 @@ $form-feedback-valid-color: theme-color("success") !default;
|
|
653
664
|
$form-feedback-invalid-color: theme-color("danger") !default;
|
654
665
|
|
655
666
|
$form-feedback-icon-valid-color: $form-feedback-valid-color !default;
|
656
|
-
$form-feedback-icon-valid:
|
667
|
+
$form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>") !default;
|
657
668
|
$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
|
658
|
-
$form-feedback-icon-invalid:
|
669
|
+
$form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
|
659
670
|
|
660
671
|
$form-validation-states: () !default;
|
661
672
|
// stylelint-disable-next-line scss/dollar-variable-default
|
@@ -730,14 +741,14 @@ $navbar-dark-color: rgba($white, .5) !default;
|
|
730
741
|
$navbar-dark-hover-color: rgba($white, .75) !default;
|
731
742
|
$navbar-dark-active-color: $white !default;
|
732
743
|
$navbar-dark-disabled-color: rgba($white, .25) !default;
|
733
|
-
$navbar-dark-toggler-icon-bg:
|
744
|
+
$navbar-dark-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
|
734
745
|
$navbar-dark-toggler-border-color: rgba($white, .1) !default;
|
735
746
|
|
736
747
|
$navbar-light-color: rgba($black, .5) !default;
|
737
748
|
$navbar-light-hover-color: rgba($black, .7) !default;
|
738
749
|
$navbar-light-active-color: rgba($black, .9) !default;
|
739
750
|
$navbar-light-disabled-color: rgba($black, .3) !default;
|
740
|
-
$navbar-light-toggler-icon-bg:
|
751
|
+
$navbar-light-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
|
741
752
|
$navbar-light-toggler-border-color: rgba($black, .1) !default;
|
742
753
|
|
743
754
|
$navbar-light-brand-color: $navbar-light-active-color !default;
|
@@ -759,7 +770,7 @@ $dropdown-bg: $white !default;
|
|
759
770
|
$dropdown-border-color: rgba($black, .15) !default;
|
760
771
|
$dropdown-border-radius: $border-radius !default;
|
761
772
|
$dropdown-border-width: $border-width !default;
|
762
|
-
$dropdown-inner-border-radius:
|
773
|
+
$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;
|
763
774
|
$dropdown-divider-bg: $gray-200 !default;
|
764
775
|
$dropdown-divider-margin-y: $nav-divider-margin-y !default;
|
765
776
|
$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
|
@@ -824,9 +835,10 @@ $card-spacer-x: 1.25rem !default;
|
|
824
835
|
$card-border-width: $border-width !default;
|
825
836
|
$card-border-radius: $border-radius !default;
|
826
837
|
$card-border-color: rgba($black, .125) !default;
|
827
|
-
$card-inner-border-radius:
|
838
|
+
$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
|
828
839
|
$card-cap-bg: rgba($black, .03) !default;
|
829
840
|
$card-cap-color: null !default;
|
841
|
+
$card-height: null !default;
|
830
842
|
$card-color: null !default;
|
831
843
|
$card-bg: $white !default;
|
832
844
|
|
@@ -873,6 +885,7 @@ $popover-max-width: 276px !default;
|
|
873
885
|
$popover-border-width: $border-width !default;
|
874
886
|
$popover-border-color: rgba($black, .2) !default;
|
875
887
|
$popover-border-radius: $border-radius-lg !default;
|
888
|
+
$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;
|
876
889
|
$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
|
877
890
|
|
878
891
|
$popover-header-bg: darken($popover-bg, 3%) !default;
|
@@ -931,6 +944,9 @@ $badge-pill-border-radius: 10rem !default;
|
|
931
944
|
// Padding applied to the modal body
|
932
945
|
$modal-inner-padding: 1rem !default;
|
933
946
|
|
947
|
+
// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding
|
948
|
+
$modal-footer-margin-between: .5rem !default;
|
949
|
+
|
934
950
|
$modal-dialog-margin: .5rem !default;
|
935
951
|
$modal-dialog-margin-y-sm-up: 1.75rem !default;
|
936
952
|
|
@@ -941,6 +957,7 @@ $modal-content-bg: $white !default;
|
|
941
957
|
$modal-content-border-color: rgba($black, .2) !default;
|
942
958
|
$modal-content-border-width: $border-width !default;
|
943
959
|
$modal-content-border-radius: $border-radius-lg !default;
|
960
|
+
$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
|
944
961
|
$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
|
945
962
|
$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
|
946
963
|
|
@@ -962,6 +979,7 @@ $modal-sm: 300px !default;
|
|
962
979
|
$modal-fade-transform: translate(0, -50px) !default;
|
963
980
|
$modal-show-transform: none !default;
|
964
981
|
$modal-transition: transform .3s ease-out !default;
|
982
|
+
$modal-scale-transform: scale(1.02) !default;
|
965
983
|
|
966
984
|
|
967
985
|
// Alerts
|
@@ -1037,6 +1055,8 @@ $figure-caption-color: $gray-600 !default;
|
|
1037
1055
|
|
1038
1056
|
// Breadcrumbs
|
1039
1057
|
|
1058
|
+
$breadcrumb-font-size: null !default;
|
1059
|
+
|
1040
1060
|
$breadcrumb-padding-y: .75rem !default;
|
1041
1061
|
$breadcrumb-padding-x: 1rem !default;
|
1042
1062
|
$breadcrumb-item-padding: .5rem !default;
|
@@ -1071,8 +1091,8 @@ $carousel-caption-color: $white !default;
|
|
1071
1091
|
|
1072
1092
|
$carousel-control-icon-width: 20px !default;
|
1073
1093
|
|
1074
|
-
$carousel-control-prev-icon-bg:
|
1075
|
-
$carousel-control-next-icon-bg:
|
1094
|
+
$carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>") !default;
|
1095
|
+
$carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>") !default;
|
1076
1096
|
|
1077
1097
|
$carousel-transition-duration: .6s !default;
|
1078
1098
|
$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
|
@@ -3,25 +3,21 @@
|
|
3
3
|
下記テスト用のサイトの著作権は https://honokak.osaka/bootstrap-ja.html に帰属します。
|
4
4
|
-->
|
5
5
|
<style type="text/css">
|
6
|
-
.bs-component
|
6
|
+
.bs-component + .bs-component {
|
7
7
|
margin-top: 1rem;
|
8
8
|
}
|
9
|
-
|
10
9
|
@media (min-width: 768px) {
|
11
10
|
.bs-docs-section {
|
12
11
|
margin-top: 8em;
|
13
12
|
}
|
14
|
-
|
15
13
|
.bs-component {
|
16
14
|
position: relative;
|
17
15
|
}
|
18
|
-
|
19
16
|
.bs-docs-section .page-header h1 {
|
20
17
|
padding: .5rem 0;
|
21
18
|
margin-bottom: 2rem;
|
22
19
|
border-bottom: 1px solid #eee;
|
23
20
|
}
|
24
|
-
|
25
21
|
.bs-component .modal {
|
26
22
|
position: relative;
|
27
23
|
top: auto;
|
@@ -31,22 +27,18 @@
|
|
31
27
|
z-index: 1;
|
32
28
|
display: block;
|
33
29
|
}
|
34
|
-
|
35
30
|
.bs-component .modal-dialog {
|
36
31
|
width: 90%;
|
37
32
|
}
|
38
|
-
|
39
33
|
.bs-component .popover {
|
40
34
|
position: relative;
|
41
35
|
display: inline-block;
|
42
36
|
width: 220px;
|
43
37
|
margin: 20px;
|
44
38
|
}
|
45
|
-
|
46
39
|
.nav-tabs {
|
47
40
|
margin-bottom: 15px;
|
48
41
|
}
|
49
|
-
|
50
42
|
.progress {
|
51
43
|
margin-bottom: 10px;
|
52
44
|
}
|
@@ -57,13 +49,10 @@
|
|
57
49
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
58
50
|
<div class="container">
|
59
51
|
<a class="navbar-brand" href="./">
|
60
|
-
<img
|
61
|
-
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABN5JREFUeNrsnN1R4zAQgEUm75cOzlQQd4BTwZm3eyNUAKkgUAFQgc3bvREqwKkAUwGmA18FnBbWcxpjWyt5JYexd0aTScCW8mm1P/IqQkwySR85+o6Dfv8jIvkSyrZQPi5ky49+i3yUgBDKmWxxDUxdStky2R4lrNQLIBzcFjsvZMcbz2Cg78jictCqjRzvzrkGyYE+4OyBgBqvZMelQzCgJTeyrRlud26rTSaAAvnyqnzkDJLsCyYi0SwlUzmWYy1ML5qRSX7ePFM+AiP5hDPNpjWyAZgHZjjCVhNnhv9/X3sfon3ggPMBnGlJsYkpoKzhs0s0pH3grBFO6PC7Fs4B4TJr6mjbA86NA3vzZWJtjfTM4pqmQCxCI25qb8DWXDrUGIByKuGsbG8yt7jmRXH3qlxAzGHgwl0sKYByjhE1i3e1AdTWsYkdWigwo44vWzRMQtzlRCSYjJP4nGmJCRNtqNkyky+USe2DWCwwHJs3L0ZJC1xLV9oQHDQgFwNskL8df1seAqBiYEBdSzIcHJBNPuNRQs7Ux9ZIC58q3jBBYKi7BPLDUtGoRYMhh72iqyEALQ5Biwh/B00TFEjGgLhV2LDfEFvBYO9gd/LKhQaFnoBE2NcSg0luBxAAdF3EPRcHIggE2okQXuKpyuvm3IAWjEsmRiCx8G+/SsoTkEGWGPN+s62QEuvZECODdS8bZN3HmH3vOpJgds0RBpv4Nhp0wggKvFGKrdp2jdAwh4wOoaziH5gMk2D3YIw0AsvrRhOhBQjrhwIt0qQj11Vg6TuSjgaCtquBe++4bM+1L2Rkg4YKEi3k51DJqs4m7D1CyHzsKpgCCsTIZALEDEi3nVFOGtQt+dgBhdMSa3fxFDijXmLaGIi7PvC7AYrECMUEkC46zccOSOfByrED0i2xwvPYo4MBRKz9eRuzBlEAjXqJUdR51Eb65zfTIDZ7OOdaYi6CRLR9NnvTb74BRb60B1Oa6tBKMLQqzgkDpmyz5gxgYBJsD63UZUl5rMxlg5wmqaAxskHF6xNjbAPa9yrve+kDEEXNXyzhXMmXZ0dB38fTW6jF7vOwgQtQYQEnEUznPAjaZH3ohgJoyQ0INWft0dZan0yaEVXVCBAcTmkbDLrurfAv1Wki/0tMfdaNSyfpMO6J4Rgz8VmJAYf3jqD1gYSHZ1jjoICqPbqlg9pDMcjgFe9kS+uFBgzF6nB8a089x8pRvFAoX/5C878XhPtBTHXaUYHxi2HMiRxvRomTOOuDbgj2KiTAXmnKUziMe1XAxWKDtB4KTwzGDEHnrmtWsR/dJGSCdkBmTdnn4gAUthje3MIjxh3ejzrrUCR1T9SkLQegPUFdvxjZFk3QzWzQFK8oB34pIccOy+sKohYt+gJKLdb4rkdSCzCewSNiSzAdoeSEqtejalHcC1DDeXmKtA3ujnh9FUxuDYwyaOy18v7WoK/eXuzaAE7eVv6GsG+FG9mo3g+XeO++SIDwC1M72xBgc+8+pi1lvZS+Uq44iNLZra54Emd2xQgpxZrrrr7axnSuKwk2ymswbnhu8SZGP3aC3iMhxk/GcBr6gxTlTPw/n3FHqZc2TvxaXK71L8HgL71shdnGfCF6/i4QVawyY9SkKmPf4WB77f8i+OpwS9NJwcqbPvoAM8kkPPJPgAEAyEmTr+M2lQ0AAAAASUVORK5CYII="
|
62
|
-
width="30" height="30" class="d-inline-block align-top mr-1" alt="Honoka">
|
52
|
+
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABN5JREFUeNrsnN1R4zAQgEUm75cOzlQQd4BTwZm3eyNUAKkgUAFQgc3bvREqwKkAUwGmA18FnBbWcxpjWyt5JYexd0aTScCW8mm1P/IqQkwySR85+o6Dfv8jIvkSyrZQPi5ky49+i3yUgBDKmWxxDUxdStky2R4lrNQLIBzcFjsvZMcbz2Cg78jictCqjRzvzrkGyYE+4OyBgBqvZMelQzCgJTeyrRlud26rTSaAAvnyqnzkDJLsCyYi0SwlUzmWYy1ML5qRSX7ePFM+AiP5hDPNpjWyAZgHZjjCVhNnhv9/X3sfon3ggPMBnGlJsYkpoKzhs0s0pH3grBFO6PC7Fs4B4TJr6mjbA86NA3vzZWJtjfTM4pqmQCxCI25qb8DWXDrUGIByKuGsbG8yt7jmRXH3qlxAzGHgwl0sKYByjhE1i3e1AdTWsYkdWigwo44vWzRMQtzlRCSYjJP4nGmJCRNtqNkyky+USe2DWCwwHJs3L0ZJC1xLV9oQHDQgFwNskL8df1seAqBiYEBdSzIcHJBNPuNRQs7Ux9ZIC58q3jBBYKi7BPLDUtGoRYMhh72iqyEALQ5Biwh/B00TFEjGgLhV2LDfEFvBYO9gd/LKhQaFnoBE2NcSg0luBxAAdF3EPRcHIggE2okQXuKpyuvm3IAWjEsmRiCx8G+/SsoTkEGWGPN+s62QEuvZECODdS8bZN3HmH3vOpJgds0RBpv4Nhp0wggKvFGKrdp2jdAwh4wOoaziH5gMk2D3YIw0AsvrRhOhBQjrhwIt0qQj11Vg6TuSjgaCtquBe++4bM+1L2Rkg4YKEi3k51DJqs4m7D1CyHzsKpgCCsTIZALEDEi3nVFOGtQt+dgBhdMSa3fxFDijXmLaGIi7PvC7AYrECMUEkC46zccOSOfByrED0i2xwvPYo4MBRKz9eRuzBlEAjXqJUdR51Eb65zfTIDZ7OOdaYi6CRLR9NnvTb74BRb60B1Oa6tBKMLQqzgkDpmyz5gxgYBJsD63UZUl5rMxlg5wmqaAxskHF6xNjbAPa9yrve+kDEEXNXyzhXMmXZ0dB38fTW6jF7vOwgQtQYQEnEUznPAjaZH3ohgJoyQ0INWft0dZan0yaEVXVCBAcTmkbDLrurfAv1Wki/0tMfdaNSyfpMO6J4Rgz8VmJAYf3jqD1gYSHZ1jjoICqPbqlg9pDMcjgFe9kS+uFBgzF6nB8a089x8pRvFAoX/5C878XhPtBTHXaUYHxi2HMiRxvRomTOOuDbgj2KiTAXmnKUziMe1XAxWKDtB4KTwzGDEHnrmtWsR/dJGSCdkBmTdnn4gAUthje3MIjxh3ejzrrUCR1T9SkLQegPUFdvxjZFk3QzWzQFK8oB34pIccOy+sKohYt+gJKLdb4rkdSCzCewSNiSzAdoeSEqtejalHcC1DDeXmKtA3ujnh9FUxuDYwyaOy18v7WoK/eXuzaAE7eVv6GsG+FG9mo3g+XeO++SIDwC1M72xBgc+8+pi1lvZS+Uq44iNLZra54Emd2xQgpxZrrrr7axnSuKwk2ymswbnhu8SZGP3aC3iMhxk/GcBr6gxTlTPw/n3FHqZc2TvxaXK71L8HgL71shdnGfCF6/i4QVawyY9SkKmPf4WB77f8i+OpwS9NJwcqbPvoAM8kkPPJPgAEAyEmTr+M2lQ0AAAAASUVORK5CYII=" width="30" height="30" class="d-inline-block align-top mr-1" alt="Honoka">
|
63
53
|
Honoka
|
64
54
|
</a>
|
65
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar"
|
66
|
-
aria-expanded="false" aria-label="Toggle navigation">
|
55
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
|
67
56
|
<span class="navbar-toggler-icon"></span>
|
68
57
|
</button>
|
69
58
|
|
@@ -73,8 +62,7 @@
|
|
73
62
|
<a class="nav-link" href="./">Top <span class="sr-only">(current)</span></a>
|
74
63
|
</li>
|
75
64
|
<li class="nav-item dropdown active">
|
76
|
-
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
77
|
-
aria-haspopup="true" aria-expanded="false">
|
65
|
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
78
66
|
Live demo
|
79
67
|
</a>
|
80
68
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
@@ -119,8 +107,7 @@
|
|
119
107
|
<div class="bs-component">
|
120
108
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
121
109
|
<a class="navbar-brand" href="#">サイト</a>
|
122
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01"
|
123
|
-
aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
|
110
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
|
124
111
|
<span class="navbar-toggler-icon"></span>
|
125
112
|
</button>
|
126
113
|
|
@@ -136,8 +123,7 @@
|
|
136
123
|
<a class="nav-link" href="#">リンク</a>
|
137
124
|
</li>
|
138
125
|
<li class="nav-item dropdown">
|
139
|
-
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
140
|
-
aria-haspopup="true" aria-expanded="false">
|
126
|
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
141
127
|
サブメニュー
|
142
128
|
</a>
|
143
129
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
@@ -158,8 +144,7 @@
|
|
158
144
|
<div class="bs-component">
|
159
145
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
160
146
|
<a class="navbar-brand" href="#">サイト</a>
|
161
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02"
|
162
|
-
aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
|
147
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
|
163
148
|
<span class="navbar-toggler-icon"></span>
|
164
149
|
</button>
|
165
150
|
|
@@ -175,8 +160,7 @@
|
|
175
160
|
<a class="nav-link" href="#">リンク</a>
|
176
161
|
</li>
|
177
162
|
<li class="nav-item dropdown">
|
178
|
-
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
179
|
-
aria-haspopup="true" aria-expanded="false">
|
163
|
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
180
164
|
サブメニュー
|
181
165
|
</a>
|
182
166
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
@@ -197,8 +181,7 @@
|
|
197
181
|
<div class="bs-component">
|
198
182
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
199
183
|
<a class="navbar-brand" href="#">サイト</a>
|
200
|
-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03"
|
201
|
-
aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
|
184
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
|
202
185
|
<span class="navbar-toggler-icon"></span>
|
203
186
|
</button>
|
204
187
|
|
@@ -214,8 +197,7 @@
|
|
214
197
|
<a class="nav-link" href="#">リンク</a>
|
215
198
|
</li>
|
216
199
|
<li class="nav-item dropdown">
|
217
|
-
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
218
|
-
aria-haspopup="true" aria-expanded="false">
|
200
|
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
219
201
|
サブメニュー
|
220
202
|
</a>
|
221
203
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
@@ -285,8 +267,7 @@
|
|
285
267
|
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
|
286
268
|
<button type="button" class="btn btn-primary">Primary</button>
|
287
269
|
<div class="btn-group" role="group">
|
288
|
-
<button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
|
289
|
-
aria-haspopup="true" aria-expanded="false"></button>
|
270
|
+
<button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
|
290
271
|
<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
|
291
272
|
<a class="dropdown-item" href="#">Dropdown link</a>
|
292
273
|
<a class="dropdown-item" href="#">Dropdown link</a>
|
@@ -297,8 +278,7 @@
|
|
297
278
|
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
|
298
279
|
<button type="button" class="btn btn-success">Success</button>
|
299
280
|
<div class="btn-group" role="group">
|
300
|
-
<button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"
|
301
|
-
aria-haspopup="true" aria-expanded="false"></button>
|
281
|
+
<button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
|
302
282
|
<div class="dropdown-menu" aria-labelledby="btnGroupDrop2">
|
303
283
|
<a class="dropdown-item" href="#">Dropdown link</a>
|
304
284
|
<a class="dropdown-item" href="#">Dropdown link</a>
|
@@ -309,8 +289,7 @@
|
|
309
289
|
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
|
310
290
|
<button type="button" class="btn btn-info">Info</button>
|
311
291
|
<div class="btn-group" role="group">
|
312
|
-
<button id="btnGroupDrop3" type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"
|
313
|
-
aria-haspopup="true" aria-expanded="false"></button>
|
292
|
+
<button id="btnGroupDrop3" type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
|
314
293
|
<div class="dropdown-menu" aria-labelledby="btnGroupDrop3">
|
315
294
|
<a class="dropdown-item" href="#">Dropdown link</a>
|
316
295
|
<a class="dropdown-item" href="#">Dropdown link</a>
|
@@ -321,8 +300,7 @@
|
|
321
300
|
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
|
322
301
|
<button type="button" class="btn btn-danger">Danger</button>
|
323
302
|
<div class="btn-group" role="group">
|
324
|
-
<button id="btnGroupDrop4" type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"
|
325
|
-
aria-haspopup="true" aria-expanded="false"></button>
|
303
|
+
<button id="btnGroupDrop4" type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
|
326
304
|
<div class="dropdown-menu" aria-labelledby="btnGroupDrop4">
|
327
305
|
<a class="dropdown-item" href="#">Dropdown link</a>
|
328
306
|
<a class="dropdown-item" href="#">Dropdown link</a>
|
@@ -446,8 +424,7 @@
|
|
446
424
|
<div class="col-lg-4">
|
447
425
|
<div class="bs-component">
|
448
426
|
<h2>本文サンプル</h2>
|
449
|
-
<p>グスコーブドリは、<a
|
450
|
-
href="#">イーハトーヴ</a>の大きな森のなかに生まれました。おとうさんは、グスコーナドリという名高い木こりで、どんな大きな木でも、まるで赤ん坊を寝かしつけるようにわけなく切ってしまう人でした。</p>
|
427
|
+
<p>グスコーブドリは、<a href="#">イーハトーヴ</a>の大きな森のなかに生まれました。おとうさんは、グスコーナドリという名高い木こりで、どんな大きな木でも、まるで赤ん坊を寝かしつけるようにわけなく切ってしまう人でした。</p>
|
451
428
|
<p><small>テキストのこの行は、細字として扱われることを意味します。</small></p>
|
452
429
|
<p>テキストの次のコードは、<strong>太字のテキストとしてレンダリングされます</strong>。</p>
|
453
430
|
<p>テキストの次のコードは、 <em>斜体のテキストとしてレンダリングされます</em>。</p>
|
@@ -480,33 +457,24 @@
|
|
480
457
|
<div class="col-lg-4">
|
481
458
|
<div class="bs-component">
|
482
459
|
<blockquote class="blockquote">
|
483
|
-
<p class="mb-0">
|
484
|
-
|
485
|
-
</p>
|
486
|
-
<footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap - Wikipedia</cite>
|
487
|
-
</footer>
|
460
|
+
<p class="mb-0">BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。</p>
|
461
|
+
<footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap - Wikipedia</cite></footer>
|
488
462
|
</blockquote>
|
489
463
|
</div>
|
490
464
|
</div>
|
491
465
|
<div class="col-lg-4">
|
492
466
|
<div class="bs-component">
|
493
467
|
<blockquote class="blockquote text-center">
|
494
|
-
<p class="mb-0">
|
495
|
-
|
496
|
-
</p>
|
497
|
-
<footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap - Wikipedia</cite>
|
498
|
-
</footer>
|
468
|
+
<p class="mb-0">BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。</p>
|
469
|
+
<footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap - Wikipedia</cite></footer>
|
499
470
|
</blockquote>
|
500
471
|
</div>
|
501
472
|
</div>
|
502
473
|
<div class="col-lg-4">
|
503
474
|
<div class="bs-component">
|
504
475
|
<blockquote class="blockquote text-right">
|
505
|
-
<p class="mb-0">
|
506
|
-
|
507
|
-
</p>
|
508
|
-
<footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap - Wikipedia</cite>
|
509
|
-
</footer>
|
476
|
+
<p class="mb-0">BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。</p>
|
477
|
+
<footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap - Wikipedia</cite></footer>
|
510
478
|
</blockquote>
|
511
479
|
</div>
|
512
480
|
</div>
|
@@ -626,8 +594,7 @@
|
|
626
594
|
</div>
|
627
595
|
<div class="form-group">
|
628
596
|
<label for="exampleInputEmail1">メールアドレス</label>
|
629
|
-
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
|
630
|
-
placeholder="Enter email">
|
597
|
+
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
|
631
598
|
<small id="emailHelp" class="form-text text-muted">ここで入力したメールアドレスは公開されません</small>
|
632
599
|
</div>
|
633
600
|
<div class="form-group">
|
@@ -669,29 +636,25 @@
|
|
669
636
|
<div class="form-group">
|
670
637
|
<label for="exampleInputFile">ファイル選択</label>
|
671
638
|
<input type="file" class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp">
|
672
|
-
<small id="fileHelp"
|
673
|
-
class="form-text text-muted">上にある入力欄に関するブロックレベルのヘルプテキストです。少し薄い文字色で表示されて、1行に収まらない場合は折り返して表示されます。</small>
|
639
|
+
<small id="fileHelp" class="form-text text-muted">上にある入力欄に関するブロックレベルのヘルプテキストです。少し薄い文字色で表示されて、1行に収まらない場合は折り返して表示されます。</small>
|
674
640
|
</div>
|
675
641
|
<fieldset class="form-group">
|
676
642
|
<legend>ラジオボタン</legend>
|
677
643
|
<div class="form-check">
|
678
644
|
<label class="form-check-label">
|
679
|
-
<input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios1"
|
680
|
-
value="option1" checked>
|
645
|
+
<input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked>
|
681
646
|
オプション1
|
682
647
|
</label>
|
683
648
|
</div>
|
684
649
|
<div class="form-check">
|
685
|
-
|
686
|
-
<input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios2"
|
687
|
-
value="option2">
|
650
|
+
<label class="form-check-label">
|
651
|
+
<input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2">
|
688
652
|
オプション2
|
689
653
|
</label>
|
690
654
|
</div>
|
691
655
|
<div class="form-check disabled">
|
692
|
-
|
693
|
-
<input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios3"
|
694
|
-
value="option3" disabled>
|
656
|
+
<label class="form-check-label">
|
657
|
+
<input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
|
695
658
|
オプション3 (Disable)
|
696
659
|
</label>
|
697
660
|
</div>
|
@@ -711,6 +674,11 @@
|
|
711
674
|
</label>
|
712
675
|
</div>
|
713
676
|
</fieldset>
|
677
|
+
<fieldset class="form-group">
|
678
|
+
<legend>スライダー</legend>
|
679
|
+
<label for="customRange1">レンジ</label>
|
680
|
+
<input type="range" class="custom-range" id="customRange1">
|
681
|
+
</fieldset>
|
714
682
|
<button type="submit" class="btn btn-primary">送信</button>
|
715
683
|
</fieldset>
|
716
684
|
</form>
|
@@ -866,8 +834,7 @@
|
|
866
834
|
<a class="nav-link disabled" href="#">人間失格</a>
|
867
835
|
</li>
|
868
836
|
<li class="nav-item dropdown">
|
869
|
-
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
|
870
|
-
aria-expanded="false">宮沢賢治</a>
|
837
|
+
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">宮沢賢治</a>
|
871
838
|
<div class="dropdown-menu">
|
872
839
|
<a class="dropdown-item" data-toggle="tab" href="#dropdown1">雨ニモマケズ</a>
|
873
840
|
<a class="dropdown-item" data-toggle="tab" href="#dropdown2">春と修羅(序)</a>
|
@@ -879,30 +846,20 @@
|
|
879
846
|
</ul>
|
880
847
|
<div id="myTabContent" class="tab-content">
|
881
848
|
<div class="tab-pane fade show active" id="home">
|
882
|
-
<p>
|
883
|
-
親讓りの無鐵砲で小供の時から損ばかりして居る。小學校に居る時分學校の二階から飛び降りて一週間程腰を拔かした事がある。なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出して居たら、同級生の一人が冗談に、いくら威張つても、そこから飛び降りる事は出來まい。弱虫やーい。と囃(はや)したからである。小使(こづかひ)に負ぶさつて歸つて來た時、おやぢが大きな眼をして二階位(にかいぐらゐ)から飛び降りて腰を拔かす奴があるかと云つたから、此次(このつぎ)は拔かさずに飛んで見せますと答へた。
|
884
|
-
</p>
|
849
|
+
<p>親讓りの無鐵砲で小供の時から損ばかりして居る。小學校に居る時分學校の二階から飛び降りて一週間程腰を拔かした事がある。なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出して居たら、同級生の一人が冗談に、いくら威張つても、そこから飛び降りる事は出來まい。弱虫やーい。と囃(はや)したからである。小使(こづかひ)に負ぶさつて歸つて來た時、おやぢが大きな眼をして二階位(にかいぐらゐ)から飛び降りて腰を拔かす奴があるかと云つたから、此次(このつぎ)は拔かさずに飛んで見せますと答へた。</p>
|
885
850
|
</div>
|
886
851
|
<div class="tab-pane fade" id="profile">
|
887
|
-
<p>
|
888
|
-
昔しの書生は、笈を負ひて四方に遊歴し、此人ならばと思ふ先生の許に落付く、故に先生を敬ふ事、父兄に過ぎたり、先生も亦弟子に対する事、真の子の如し、是でなくては真の教育といふ事は出来ぬなり、今の書生は学校を旅屋の如く思ふ、金を出して暫らく逗留するに過ぎず、厭になればすぐに宿を移す、かゝる生徒に対する校長は、宿屋の主人の如く、教師は番頭丁稚なり、主人たる校長すら、時には御客の機嫌を取らねばならず、況んや番頭丁稚をや、薫陶所か解雇されざるを以て幸福と思ふ位なり、生徒の増長し教員の下落するは当前の事なり。
|
889
|
-
</p>
|
852
|
+
<p>昔しの書生は、笈を負ひて四方に遊歴し、此人ならばと思ふ先生の許に落付く、故に先生を敬ふ事、父兄に過ぎたり、先生も亦弟子に対する事、真の子の如し、是でなくては真の教育といふ事は出来ぬなり、今の書生は学校を旅屋の如く思ふ、金を出して暫らく逗留するに過ぎず、厭になればすぐに宿を移す、かゝる生徒に対する校長は、宿屋の主人の如く、教師は番頭丁稚なり、主人たる校長すら、時には御客の機嫌を取らねばならず、況んや番頭丁稚をや、薫陶所か解雇されざるを以て幸福と思ふ位なり、生徒の増長し教員の下落するは当前の事なり。</p>
|
890
853
|
</div>
|
891
854
|
<div class="tab-pane fade" id="dropdown1">
|
892
|
-
<p>雨ニモマケズ 風ニモマケズ 雪ニモ夏ノ暑サニモマケヌ 丈夫ナカラダヲモチ 慾ハナク 決シテ瞋ラズ イツモシズカニワラッテイル 一日ニ玄米四合ト 味噌ト少シノ野菜ヲタベ アラユルコトヲ
|
893
|
-
ジブンヲカンジョウニ入レズニ ヨクミキキシワカリ ソシテワスレズ</p>
|
855
|
+
<p>雨ニモマケズ 風ニモマケズ 雪ニモ夏ノ暑サニモマケヌ 丈夫ナカラダヲモチ 慾ハナク 決シテ瞋ラズ イツモシズカニワラッテイル 一日ニ玄米四合ト 味噌ト少シノ野菜ヲタベ アラユルコトヲ ジブンヲカンジョウニ入レズニ ヨクミキキシワカリ ソシテワスレズ</p>
|
894
856
|
</div>
|
895
857
|
<div class="tab-pane fade" id="dropdown2">
|
896
|
-
<p>わたくしといふ現象は 假定された有機交流電燈の ひとつの青い照明です (あらゆる透明な幽霊の複合体) 風景やみんなといっしょに せはしくせはしく明滅しながら いかにもたしかにともりつづける 因果交流電燈の
|
897
|
-
ひとつの青い照明です (ひかりはたもち、その電燈は失はれ)</p>
|
858
|
+
<p>わたくしといふ現象は 假定された有機交流電燈の ひとつの青い照明です (あらゆる透明な幽霊の複合体) 風景やみんなといっしょに せはしくせはしく明滅しながら いかにもたしかにともりつづける 因果交流電燈の ひとつの青い照明です (ひかりはたもち、その電燈は失はれ)</p>
|
898
859
|
</div>
|
899
860
|
<div class="tab-pane fade" id="dropdown3">
|
900
|
-
<p>
|
901
|
-
|
902
|
-
</p>
|
903
|
-
<p>
|
904
|
-
カムパネルラが手をあげました。それから四五人手をあげました。ジョバンニも手をあげやうとして、急いでそのまゝやめました。たしかにあれがみんな星だと、いつか雑誌で読んだのでしたが、このごろはジョバンニはまるで毎日教室でもねむく、本を読むひまも読む本もないので、なんだかどんなこともよくわからないといふ気持ちがするのでした。
|
905
|
-
</p>
|
861
|
+
<p>「ではみなさんは、さういふふうに川だと云はれたり、乳の流れたあとだと云はれたりしてゐたこのぼんやりと白いものがほんたうは何かご承知ですか。」先生は、黒板に吊した大きな黒い星座の図の、上から下へ白くけぶった銀河帯のやうなところを指しながら、みんなに問をかけました。</p>
|
862
|
+
<p>カムパネルラが手をあげました。それから四五人手をあげました。ジョバンニも手をあげやうとして、急いでそのまゝやめました。たしかにあれがみんな星だと、いつか雑誌で読んだのでしたが、このごろはジョバンニはまるで毎日教室でもねむく、本を読むひまも読む本もないので、なんだかどんなこともよくわからないといふ気持ちがするのでした。</p>
|
906
863
|
</div>
|
907
864
|
<div class="tab-pane fade" id="dropdown4">
|
908
865
|
<p>よだかは、実にみにくい鳥です。</p>
|
@@ -922,8 +879,7 @@
|
|
922
879
|
<a class="nav-link active" href="#">Active</a>
|
923
880
|
</li>
|
924
881
|
<li class="nav-item dropdown">
|
925
|
-
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
|
926
|
-
aria-expanded="false">Dropdown</a>
|
882
|
+
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
927
883
|
<div class="dropdown-menu">
|
928
884
|
<a class="dropdown-item" href="#">Action</a>
|
929
885
|
<a class="dropdown-item" href="#">Another action</a>
|
@@ -947,8 +903,7 @@
|
|
947
903
|
<a class="nav-link active" href="#">Active</a>
|
948
904
|
</li>
|
949
905
|
<li class="nav-item dropdown">
|
950
|
-
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
|
951
|
-
aria-expanded="false">Dropdown</a>
|
906
|
+
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
952
907
|
<div class="dropdown-menu">
|
953
908
|
<a class="dropdown-item" href="#">Action</a>
|
954
909
|
<a class="dropdown-item" href="#">Another action</a>
|
@@ -1092,8 +1047,7 @@
|
|
1092
1047
|
<div class="alert alert-dismissible alert-warning">
|
1093
1048
|
<button type="button" class="close" data-dismiss="alert">×</button>
|
1094
1049
|
<h4 class="alert-heading">Warning!</h4>
|
1095
|
-
<p class="mb-0">要求された処理は正常に完了できませんでした。このエラーについての詳細は<a href="#" class="alert-link">こちらのドキュメントを参照してください</a
|
1096
|
-
</p>
|
1050
|
+
<p class="mb-0">要求された処理は正常に完了できませんでした。このエラーについての詳細は<a href="#" class="alert-link">こちらのドキュメントを参照してください</a>。</p>
|
1097
1051
|
</div>
|
1098
1052
|
</div>
|
1099
1053
|
</div>
|
@@ -1162,72 +1116,58 @@
|
|
1162
1116
|
<h3 id="progress-basic">Basic</h3>
|
1163
1117
|
<div class="bs-component">
|
1164
1118
|
<div class="progress">
|
1165
|
-
<div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0"
|
1166
|
-
aria-valuemax="100"></div>
|
1119
|
+
<div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
1167
1120
|
</div>
|
1168
1121
|
</div>
|
1169
1122
|
|
1170
1123
|
<h3 id="progress-alternatives">Contextual alternatives</h3>
|
1171
1124
|
<div class="bs-component">
|
1172
1125
|
<div class="progress">
|
1173
|
-
<div class="progress-bar bg-success" role="progressbar" style="width: 25%;" aria-valuenow="25"
|
1174
|
-
aria-valuemin="0" aria-valuemax="100"></div>
|
1126
|
+
<div class="progress-bar bg-success" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
1175
1127
|
</div>
|
1176
1128
|
<div class="progress">
|
1177
|
-
<div class="progress-bar bg-info" role="progressbar" style="width: 50%;" aria-valuenow="50"
|
1178
|
-
aria-valuemin="0" aria-valuemax="100"></div>
|
1129
|
+
<div class="progress-bar bg-info" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
1179
1130
|
</div>
|
1180
1131
|
<div class="progress">
|
1181
|
-
<div class="progress-bar bg-warning" role="progressbar" style="width: 75%;" aria-valuenow="75"
|
1182
|
-
aria-valuemin="0" aria-valuemax="100"></div>
|
1132
|
+
<div class="progress-bar bg-warning" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
1183
1133
|
</div>
|
1184
1134
|
<div class="progress">
|
1185
|
-
<div class="progress-bar bg-danger" role="progressbar" style="width: 100%;" aria-valuenow="100"
|
1186
|
-
aria-valuemin="0" aria-valuemax="100"></div>
|
1135
|
+
<div class="progress-bar bg-danger" role="progressbar" style="width: 100%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
|
1187
1136
|
</div>
|
1188
1137
|
</div>
|
1189
1138
|
|
1190
1139
|
<h3 id="progress-multiple">Multiple bars</h3>
|
1191
1140
|
<div class="bs-component">
|
1192
1141
|
<div class="progress">
|
1193
|
-
<div class="progress-bar" role="progressbar" style="width: 15%;" aria-valuenow="15" aria-valuemin="0"
|
1194
|
-
|
1195
|
-
<div class="progress-bar bg-
|
1196
|
-
aria-valuemin="0" aria-valuemax="100"></div>
|
1197
|
-
<div class="progress-bar bg-info" role="progressbar" style="width: 20%;" aria-valuenow="20"
|
1198
|
-
aria-valuemin="0" aria-valuemax="100"></div>
|
1142
|
+
<div class="progress-bar" role="progressbar" style="width: 15%;" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
|
1143
|
+
<div class="progress-bar bg-success" role="progressbar" style="width: 30%;" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
|
1144
|
+
<div class="progress-bar bg-info" role="progressbar" style="width: 20%;" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
|
1199
1145
|
</div>
|
1200
1146
|
</div>
|
1201
1147
|
|
1202
1148
|
<h3 id="progress-striped">Striped</h3>
|
1203
1149
|
<div class="bs-component">
|
1204
1150
|
<div class="progress">
|
1205
|
-
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%;" aria-valuenow="10"
|
1206
|
-
aria-valuemin="0" aria-valuemax="100"></div>
|
1151
|
+
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%;" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
|
1207
1152
|
</div>
|
1208
1153
|
<div class="progress">
|
1209
|
-
<div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%;"
|
1210
|
-
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
1154
|
+
<div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
1211
1155
|
</div>
|
1212
1156
|
<div class="progress">
|
1213
|
-
<div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%;"
|
1214
|
-
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
1157
|
+
<div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
1215
1158
|
</div>
|
1216
1159
|
<div class="progress">
|
1217
|
-
<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%;"
|
1218
|
-
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
1160
|
+
<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
1219
1161
|
</div>
|
1220
1162
|
<div class="progress">
|
1221
|
-
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%;"
|
1222
|
-
aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
|
1163
|
+
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
|
1223
1164
|
</div>
|
1224
1165
|
</div>
|
1225
1166
|
|
1226
1167
|
<h3 id="progress-animated">Animated</h3>
|
1227
1168
|
<div class="bs-component">
|
1228
1169
|
<div class="progress">
|
1229
|
-
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75"
|
1230
|
-
aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div>
|
1170
|
+
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div>
|
1231
1171
|
</div>
|
1232
1172
|
</div>
|
1233
1173
|
</div>
|
@@ -1387,8 +1327,7 @@
|
|
1387
1327
|
<h5 class="mb-1">音ノ木坂学院</h5>
|
1388
1328
|
<small>3 days ago</small>
|
1389
1329
|
</div>
|
1390
|
-
<p class="mb-1">通称「音ノ木坂学院」「オトノキ」。高坂穂乃果などが通う、秋葉原、神田、神保町という3
|
1391
|
-
</p>
|
1330
|
+
<p class="mb-1">通称「音ノ木坂学院」「オトノキ」。高坂穂乃果などが通う、秋葉原、神田、神保町という3つの街のはざまにある伝統校。女子高校であり、現在入学希望者は少なく廃校の検討が発表されている。</p>
|
1392
1331
|
<small>スクールアイドルグループ「μ's」</small>
|
1393
1332
|
</a>
|
1394
1333
|
<a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
|
@@ -1417,8 +1356,7 @@
|
|
1417
1356
|
<div class="card-header">Default card</div>
|
1418
1357
|
<div class="card-body">
|
1419
1358
|
<h4 class="card-title">高坂穂乃果</h4>
|
1420
|
-
<p class="card-text">
|
1421
|
-
『ラブライブ!』の主人公。16歳の高校2年生。一人称は「私」、「穂乃果」。左側の髪の一部を黄色のリボンで結んでいるセミロングヘア。好きな食べ物はいちご、嫌いな食べ物はピーマン。</p>
|
1359
|
+
<p class="card-text">『ラブライブ!』の主人公。16歳の高校2年生。一人称は「私」、「穂乃果」。左側の髪の一部を黄色のリボンで結んでいるセミロングヘア。好きな食べ物はいちご、嫌いな食べ物はピーマン。</p>
|
1422
1360
|
</div>
|
1423
1361
|
</div>
|
1424
1362
|
<div class="card text-white bg-primary mb-3">
|
@@ -1432,8 +1370,7 @@
|
|
1432
1370
|
<div class="card-header">Secondary card</div>
|
1433
1371
|
<div class="card-body">
|
1434
1372
|
<h4 class="card-title">南ことり</h4>
|
1435
|
-
<p class="card-text">
|
1436
|
-
16歳の高校2年生。一人称は「私」、「ことり」。ロングヘアを向かって左側の髪の一部の根元を輪にして緑のリボンで結んでいる。好きな食べ物はチーズケーキ、嫌いな食べ物はにんにく。</p>
|
1373
|
+
<p class="card-text">16歳の高校2年生。一人称は「私」、「ことり」。ロングヘアを向かって左側の髪の一部の根元を輪にして緑のリボンで結んでいる。好きな食べ物はチーズケーキ、嫌いな食べ物はにんにく。</p>
|
1437
1374
|
</div>
|
1438
1375
|
</div>
|
1439
1376
|
<div class="card text-white bg-success mb-3">
|
@@ -1486,8 +1423,7 @@
|
|
1486
1423
|
<div class="card-header">Default card</div>
|
1487
1424
|
<div class="card-body">
|
1488
1425
|
<h4 class="card-title">高坂穂乃果</h4>
|
1489
|
-
<p class="card-text">
|
1490
|
-
『ラブライブ!』の主人公。16歳の高校2年生。一人称は「私」、「穂乃果」。左側の髪の一部を黄色のリボンで結んでいるセミロングヘア。好きな食べ物はいちご、嫌いな食べ物はピーマン。</p>
|
1426
|
+
<p class="card-text">『ラブライブ!』の主人公。16歳の高校2年生。一人称は「私」、「穂乃果」。左側の髪の一部を黄色のリボンで結んでいるセミロングヘア。好きな食べ物はいちご、嫌いな食べ物はピーマン。</p>
|
1491
1427
|
</div>
|
1492
1428
|
</div>
|
1493
1429
|
<div class="card border-primary mb-3">
|
@@ -1501,8 +1437,7 @@
|
|
1501
1437
|
<div class="card-header">Secondary card</div>
|
1502
1438
|
<div class="card-body">
|
1503
1439
|
<h4 class="card-title">南ことり</h4>
|
1504
|
-
<p class="card-text">
|
1505
|
-
16歳の高校2年生。一人称は「私」、「ことり」。ロングヘアを向かって左側の髪の一部の根元を輪にして緑のリボンで結んでいる。好きな食べ物はチーズケーキ、嫌いな食べ物はにんにく。</p>
|
1440
|
+
<p class="card-text">16歳の高校2年生。一人称は「私」、「ことり」。ロングヘアを向かって左側の髪の一部の根元を輪にして緑のリボンで結んでいる。好きな食べ物はチーズケーキ、嫌いな食べ物はにんにく。</p>
|
1506
1441
|
</div>
|
1507
1442
|
</div>
|
1508
1443
|
<div class="card border-success mb-3">
|
@@ -1559,9 +1494,7 @@
|
|
1559
1494
|
<h6 class="card-subtitle text-muted">米・ニューヨーク ブロードウェイにてパフォーマンスを披露</h6>
|
1560
1495
|
</div>
|
1561
1496
|
<div class="embed-responsive embed-responsive-16by9">
|
1562
|
-
<iframe class="embed-responsive-item"
|
1563
|
-
src="https://www.youtube-nocookie.com/embed/oWIE7GwJu3c?rel=0&controls=0&showinfo=0"
|
1564
|
-
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
1497
|
+
<iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/oWIE7GwJu3c?rel=0&controls=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
1565
1498
|
</div>
|
1566
1499
|
<div class="card-body">
|
1567
1500
|
<p class="card-text">日本国内で注目されている「スクールアイドル」が米国でも注目され、米国のテレビ番組に前回ラブライブ!優勝チームであるμ’sが出演しました。</p>
|
@@ -1633,8 +1566,7 @@
|
|
1633
1566
|
<div class="bs-component d-flex justify-content-center p-md-4">
|
1634
1567
|
<div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true">
|
1635
1568
|
<div class="toast-header">
|
1636
|
-
<img class="bd-placeholder-img rounded mr-2" width="20" height="20"
|
1637
|
-
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABN5JREFUeNrsnN1R4zAQgEUm75cOzlQQd4BTwZm3eyNUAKkgUAFQgc3bvREqwKkAUwGmA18FnBbWcxpjWyt5JYexd0aTScCW8mm1P/IqQkwySR85+o6Dfv8jIvkSyrZQPi5ky49+i3yUgBDKmWxxDUxdStky2R4lrNQLIBzcFjsvZMcbz2Cg78jictCqjRzvzrkGyYE+4OyBgBqvZMelQzCgJTeyrRlud26rTSaAAvnyqnzkDJLsCyYi0SwlUzmWYy1ML5qRSX7ePFM+AiP5hDPNpjWyAZgHZjjCVhNnhv9/X3sfon3ggPMBnGlJsYkpoKzhs0s0pH3grBFO6PC7Fs4B4TJr6mjbA86NA3vzZWJtjfTM4pqmQCxCI25qb8DWXDrUGIByKuGsbG8yt7jmRXH3qlxAzGHgwl0sKYByjhE1i3e1AdTWsYkdWigwo44vWzRMQtzlRCSYjJP4nGmJCRNtqNkyky+USe2DWCwwHJs3L0ZJC1xLV9oQHDQgFwNskL8df1seAqBiYEBdSzIcHJBNPuNRQs7Ux9ZIC58q3jBBYKi7BPLDUtGoRYMhh72iqyEALQ5Biwh/B00TFEjGgLhV2LDfEFvBYO9gd/LKhQaFnoBE2NcSg0luBxAAdF3EPRcHIggE2okQXuKpyuvm3IAWjEsmRiCx8G+/SsoTkEGWGPN+s62QEuvZECODdS8bZN3HmH3vOpJgds0RBpv4Nhp0wggKvFGKrdp2jdAwh4wOoaziH5gMk2D3YIw0AsvrRhOhBQjrhwIt0qQj11Vg6TuSjgaCtquBe++4bM+1L2Rkg4YKEi3k51DJqs4m7D1CyHzsKpgCCsTIZALEDEi3nVFOGtQt+dgBhdMSa3fxFDijXmLaGIi7PvC7AYrECMUEkC46zccOSOfByrED0i2xwvPYo4MBRKz9eRuzBlEAjXqJUdR51Eb65zfTIDZ7OOdaYi6CRLR9NnvTb74BRb60B1Oa6tBKMLQqzgkDpmyz5gxgYBJsD63UZUl5rMxlg5wmqaAxskHF6xNjbAPa9yrve+kDEEXNXyzhXMmXZ0dB38fTW6jF7vOwgQtQYQEnEUznPAjaZH3ohgJoyQ0INWft0dZan0yaEVXVCBAcTmkbDLrurfAv1Wki/0tMfdaNSyfpMO6J4Rgz8VmJAYf3jqD1gYSHZ1jjoICqPbqlg9pDMcjgFe9kS+uFBgzF6nB8a089x8pRvFAoX/5C878XhPtBTHXaUYHxi2HMiRxvRomTOOuDbgj2KiTAXmnKUziMe1XAxWKDtB4KTwzGDEHnrmtWsR/dJGSCdkBmTdnn4gAUthje3MIjxh3ejzrrUCR1T9SkLQegPUFdvxjZFk3QzWzQFK8oB34pIccOy+sKohYt+gJKLdb4rkdSCzCewSNiSzAdoeSEqtejalHcC1DDeXmKtA3ujnh9FUxuDYwyaOy18v7WoK/eXuzaAE7eVv6GsG+FG9mo3g+XeO++SIDwC1M72xBgc+8+pi1lvZS+Uq44iNLZra54Emd2xQgpxZrrrr7axnSuKwk2ymswbnhu8SZGP3aC3iMhxk/GcBr6gxTlTPw/n3FHqZc2TvxaXK71L8HgL71shdnGfCF6/i4QVawyY9SkKmPf4WB77f8i+OpwS9NJwcqbPvoAM8kkPPJPgAEAyEmTr+M2lQ0AAAAASUVORK5CYII=">
|
1569
|
+
<img class="bd-placeholder-img rounded mr-2" width="20" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABN5JREFUeNrsnN1R4zAQgEUm75cOzlQQd4BTwZm3eyNUAKkgUAFQgc3bvREqwKkAUwGmA18FnBbWcxpjWyt5JYexd0aTScCW8mm1P/IqQkwySR85+o6Dfv8jIvkSyrZQPi5ky49+i3yUgBDKmWxxDUxdStky2R4lrNQLIBzcFjsvZMcbz2Cg78jictCqjRzvzrkGyYE+4OyBgBqvZMelQzCgJTeyrRlud26rTSaAAvnyqnzkDJLsCyYi0SwlUzmWYy1ML5qRSX7ePFM+AiP5hDPNpjWyAZgHZjjCVhNnhv9/X3sfon3ggPMBnGlJsYkpoKzhs0s0pH3grBFO6PC7Fs4B4TJr6mjbA86NA3vzZWJtjfTM4pqmQCxCI25qb8DWXDrUGIByKuGsbG8yt7jmRXH3qlxAzGHgwl0sKYByjhE1i3e1AdTWsYkdWigwo44vWzRMQtzlRCSYjJP4nGmJCRNtqNkyky+USe2DWCwwHJs3L0ZJC1xLV9oQHDQgFwNskL8df1seAqBiYEBdSzIcHJBNPuNRQs7Ux9ZIC58q3jBBYKi7BPLDUtGoRYMhh72iqyEALQ5Biwh/B00TFEjGgLhV2LDfEFvBYO9gd/LKhQaFnoBE2NcSg0luBxAAdF3EPRcHIggE2okQXuKpyuvm3IAWjEsmRiCx8G+/SsoTkEGWGPN+s62QEuvZECODdS8bZN3HmH3vOpJgds0RBpv4Nhp0wggKvFGKrdp2jdAwh4wOoaziH5gMk2D3YIw0AsvrRhOhBQjrhwIt0qQj11Vg6TuSjgaCtquBe++4bM+1L2Rkg4YKEi3k51DJqs4m7D1CyHzsKpgCCsTIZALEDEi3nVFOGtQt+dgBhdMSa3fxFDijXmLaGIi7PvC7AYrECMUEkC46zccOSOfByrED0i2xwvPYo4MBRKz9eRuzBlEAjXqJUdR51Eb65zfTIDZ7OOdaYi6CRLR9NnvTb74BRb60B1Oa6tBKMLQqzgkDpmyz5gxgYBJsD63UZUl5rMxlg5wmqaAxskHF6xNjbAPa9yrve+kDEEXNXyzhXMmXZ0dB38fTW6jF7vOwgQtQYQEnEUznPAjaZH3ohgJoyQ0INWft0dZan0yaEVXVCBAcTmkbDLrurfAv1Wki/0tMfdaNSyfpMO6J4Rgz8VmJAYf3jqD1gYSHZ1jjoICqPbqlg9pDMcjgFe9kS+uFBgzF6nB8a089x8pRvFAoX/5C878XhPtBTHXaUYHxi2HMiRxvRomTOOuDbgj2KiTAXmnKUziMe1XAxWKDtB4KTwzGDEHnrmtWsR/dJGSCdkBmTdnn4gAUthje3MIjxh3ejzrrUCR1T9SkLQegPUFdvxjZFk3QzWzQFK8oB34pIccOy+sKohYt+gJKLdb4rkdSCzCewSNiSzAdoeSEqtejalHcC1DDeXmKtA3ujnh9FUxuDYwyaOy18v7WoK/eXuzaAE7eVv6GsG+FG9mo3g+XeO++SIDwC1M72xBgc+8+pi1lvZS+Uq44iNLZra54Emd2xQgpxZrrrr7axnSuKwk2ymswbnhu8SZGP3aC3iMhxk/GcBr6gxTlTPw/n3FHqZc2TvxaXK71L8HgL71shdnGfCF6/i4QVawyY9SkKmPf4WB77f8i+OpwS9NJwcqbPvoAM8kkPPJPgAEAyEmTr+M2lQ0AAAAASUVORK5CYII=">
|
1638
1570
|
<strong class="mr-auto">Honoka</strong>
|
1639
1571
|
<small>11分前</small>
|
1640
1572
|
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
|
@@ -1652,31 +1584,23 @@
|
|
1652
1584
|
<div class="col-lg-6">
|
1653
1585
|
<h2>Popovers</h2>
|
1654
1586
|
<div class="bs-component" style="margin-bottom: 3em;">
|
1655
|
-
<button type="button" class="btn btn-secondary" title="タイトル" data-container="body" data-toggle="popover"
|
1656
|
-
data-placement="left" data-content="本文サンプル本文サンプル本文サンプル">Left</button>
|
1587
|
+
<button type="button" class="btn btn-secondary" title="タイトル" data-container="body" data-toggle="popover" data-placement="left" data-content="本文サンプル本文サンプル本文サンプル">Left</button>
|
1657
1588
|
|
1658
|
-
<button type="button" class="btn btn-secondary" title="タイトル" data-container="body" data-toggle="popover"
|
1659
|
-
data-placement="top" data-content="本文サンプル本文サンプル本文サンプル">Top</button>
|
1589
|
+
<button type="button" class="btn btn-secondary" title="タイトル" data-container="body" data-toggle="popover" data-placement="top" data-content="本文サンプル本文サンプル本文サンプル">Top</button>
|
1660
1590
|
|
1661
|
-
<button type="button" class="btn btn-secondary" title="タイトル" data-container="body" data-toggle="popover"
|
1662
|
-
data-placement="bottom" data-content="本文サンプル本文サンプル本文サンプル">Bottom</button>
|
1591
|
+
<button type="button" class="btn btn-secondary" title="タイトル" data-container="body" data-toggle="popover" data-placement="bottom" data-content="本文サンプル本文サンプル本文サンプル">Bottom</button>
|
1663
1592
|
|
1664
|
-
<button type="button" class="btn btn-secondary" title="タイトル" data-container="body" data-toggle="popover"
|
1665
|
-
data-placement="right" data-content="本文サンプル本文サンプル本文サンプル">Right</button>
|
1593
|
+
<button type="button" class="btn btn-secondary" title="タイトル" data-container="body" data-toggle="popover" data-placement="right" data-content="本文サンプル本文サンプル本文サンプル">Right</button>
|
1666
1594
|
</div>
|
1667
1595
|
<h2>Tooltips</h2>
|
1668
1596
|
<div class="bs-component">
|
1669
|
-
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left"
|
1670
|
-
title="左方向にでるTooltip">Left</button>
|
1597
|
+
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="左方向にでるTooltip">Left</button>
|
1671
1598
|
|
1672
|
-
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top"
|
1673
|
-
title="上方向にでるTooltip">Top</button>
|
1599
|
+
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="上方向にでるTooltip">Top</button>
|
1674
1600
|
|
1675
|
-
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom"
|
1676
|
-
title="下方向にでるTooltip">Bottom</button>
|
1601
|
+
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="下方向にでるTooltip">Bottom</button>
|
1677
1602
|
|
1678
|
-
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right"
|
1679
|
-
title="右方向にでるTooltip">Right</button>
|
1603
|
+
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="右方向にでるTooltip">Right</button>
|
1680
1604
|
</div>
|
1681
1605
|
</div>
|
1682
1606
|
</div>
|
@@ -1685,19 +1609,23 @@
|
|
1685
1609
|
</div>
|
1686
1610
|
|
1687
1611
|
|
1612
|
+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
1613
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
1614
|
+
|
1688
1615
|
<script type="text/javascript">
|
1689
1616
|
$('.bs-component [data-toggle="popover"]').popover();
|
1690
1617
|
$('.bs-component [data-toggle="tooltip"]').tooltip();
|
1691
1618
|
|
1692
|
-
$('#anti-yu-gothic-button').on('click', function
|
1693
|
-
if ($('body').hasClass('no-thank-yu')) {
|
1619
|
+
$('#anti-yu-gothic-button').on('click', function() {
|
1620
|
+
if ( $('body').hasClass('no-thank-yu') ) {
|
1694
1621
|
$('body').removeClass('no-thank-yu');
|
1695
1622
|
$(this).text('游ゴシックを無効にする').removeClass('btn-primary').addClass('btn-danger');
|
1696
1623
|
$("#anti-yu-gothic-message").html('現在デモページは游ゴシックの指定が<span class="text-primary">有効</span>になっています。');
|
1697
|
-
}
|
1624
|
+
}
|
1625
|
+
else {
|
1698
1626
|
$('body').addClass('no-thank-yu');
|
1699
1627
|
$(this).text('游ゴシックを有効にする').removeClass('btn-danger').addClass('btn-primary');
|
1700
1628
|
$("#anti-yu-gothic-message").html('現在デモページは游ゴシックの指定が<span class="text-danger">無効</span>になっています。');
|
1701
1629
|
}
|
1702
1630
|
});
|
1703
|
-
</script>
|
1631
|
+
</script>
|