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

6
`col-xs- *`がBootstrap 4で機能しない
私はこれに遭遇したことがなく、解決策を見つけるのに非常に苦労しています。ブートストラップの列が中程度の場合、次のようになります。 <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> text-alignは正常に機能します。 しかし、列を次のように極端に小さくすると、 <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> その後、text-alignは機能しなくなります。 私が理解していないいくつかのブートストラップの概念はありますか、またはこれは実際に私が思うようなエラーです。私のテキストは常にxsと常に一致しているため、この問題は一度もありませんでした。どんな助けでも大歓迎です。これが私の完全なコードです: <!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- …


8
Bootstrap 4の「.well」に相当するクラスとは
bootstrap-3にはあります .well、灰色の背景色といくつかのパディングを持つ要素の周りに丸い境界線を追加するクラスがあります。 <div class="well">Basic Well</div> しかし、.wellbootstrap-4にはクラスが見つかりませんでした。.wellbootstrap-4に相当するタグはありますか?

12
Bootstrap 4のドロップダウンで矢印を削除する方法は?
ブートストラップ4を使用しています。ドロップダウンの矢印を削除しようとしました。 答えブートストラップ3はもはや動作しないために私が見つけました。 jsfiddleはこちらです。 <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> </div>

9
クリックで折りたたみ可能なBootstrap 4ナビゲーションバーを非表示にする方法
うまく機能するBootstrap 4を使用して、この折りたたみ可能なナビゲーションバーを作成しましたが、ユーザーがリンクをクリックしたときに閉じます。これを行う方法はありますか?ありがとう htmlナビゲーションバー: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" href="#"><img src="Images/logo.png" width="60px"></a> <div class="collapse navbar-collapse" id="navbarDiv"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" …

4
ブートストラップ4応答ユーティリティが表示される/非表示のxs sm lgが機能しない
Bootstrap 4への移行時に、新しいレスポンシブユーティリティの非表示/表示クラスに問題があります。私は.hidden-クラスがされていることを認識していますV3から取り外して交換して。新しいクラスを使用していますが、要素は表示/非表示に変わりません。理由がわかりません。.hidden-*-up .hidden-*-down.hidden-*-up.hidden-*-down <div class="col hidden-xs-down"> <span class="vcard"> … </span> </div> <div class="col hidden-lg-down"> <div class="hidden-sm-down"> … </div> <div class="hidden-xs-down"> … </div> </div> * 画面サイズに関係なく、この例では何も隠されていません(Safari、レスポンシブデザインモード)
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.