dropdown and button


now after I add carousel then I’ll try to add button and dropdown menu. the code for dropdown is as below.

<ul class = "nav nav-tabs">
	<li class = "active"><a href = "#">Home</a></li>
	<li><a href = "http://karengnayong.co.id">forum</a></li>
	<li><a href = "http://karengnayong.com">website</a></li>
	<li><a href = "http://jacobian.xyz/question">QnA</a></li>
	<li class = "dropdown">
      <a class = "dropdown-toggle" data-toggle = "dropdown" href = "http://karengnayong.co.id/chatting">
         chat
         <span class = "caret"></span>
      </a>
<ul class = "dropdown-menu">
	<li><a href = "http://jacobian.xyz/poll">poll</a></li>
	<li><a href = "http://jacobian.xyz/polling">polling</a></li>
	<li><a href = "http://lagi.date/devi">another</a></li>
	<li class = "divider"></li>
	<li><a href = "http://about.me/jacobian64">about me</a></li>
</ul>
</li>
	<li><a href = "http://jacobian.web.id">wordpress</a></li>
</ul>

while the code for the button is as follows

<div class="container">
<h2>other website</h2>
<a href="http://jacobian.web.id" class="btn btn-info btn-sm active" role="button">wordpress</a>
  <a href="http://karengnayong.co.id" class="btn btn-success btn-sm active" role="button">Forum</button></a>
  <a href="http://jacobian.xyz/polling" class="btn btn-danger btn-sm active" role="button">Polling</button></a>
  <a href="http://jacobian.xyz/question" class="btn btn-warning btn-sm active" role="button">Question</button></a>

you need to remember that html run its interpreter from top to bottom. so you can put the dropdown menu and button where ever you like. as usual you can see the website implementation here

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s