Quantcast
Channel: Adobe Community: メッセージ リスト - Dreamweaverコミュニティフォーラム (Japan)
Viewing all articles
Browse latest Browse all 3260

Re: Dreamweaver CC 2015 Basic Navbar 画面縮小時のボタン表示について

$
0
0

dai_dai 様

 お返事ありがとうございます。

 

 ご回答頂きました現行の設定「Basic Navbar」から「Navbar fixed to top」への変更を試してみました。
「Navbar fixed to top」は、スマホで作成したHPを閲覧する場合は機能として有効であると思います。た
だ「Basic Navbar」でもCSS内の修正をすることで改善するのではという気持ちも捨てきれません。現在、
下記の通り「Basic Navbar」のCSSファイルを修正してみました。

 

「Basic Navbar」

「index.htmlの記載内容」

<div class="navbar-header">
   <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>

 

「CSSの設定内容」

.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #787878;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}

ということで、あとはボタンの中に「button」と表示させたいのですが・・・


Viewing all articles
Browse latest Browse all 3260

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>