bootstrap之

作者: 坠落鱼
发布时间:2015-08-07 10:12:51

一、字体图标

<button type="button" >
  <span ></span> User
</button>

 

<span ></span>

<ul >
            <li ><a  ><span >Home</span></a></li>
            <li><a  ><span >Shop</span></a></li>
            <li><a  ><span >Support</span></a></li>
          </ul>

 

<button type="button"   >
  <span ></span> User
</button>

 

<button type="button"   >
  <span ></span> User
</button>

<button type="button"   >
  <span ></span> User
</button>

 二、下拉菜单

<div >
   <button type="button"  id="dropdownMenu1" 
      data-toggle="dropdown">
      主题
      <span ></span>
   </button>
   <ul  role="menu" aria-labelledby="dropdownMenu1">
      <li role="presentation" >下拉菜单标题</li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1"  >Java</a>
      </li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1"  >数据挖掘</a>
      </li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1"  >
            数据通信/网络
         </a>
      </li>
      <li role="presentation" ></li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1"  >分离的链接</a>
      </li>
   </ul>
</div>

 

<div >
<!--<button type="button" >
	<span ></span>User
</button>-->
<button type="button"  data-toggle="dropdown">
	<span ></span>   User
	<span ></span>
</button>
<ul >
	<li >下拉标题</li>
	<li><a  ><i ></i>  Java</a></li>
	<li><a  ><i ></i>  Html5</a></li>
	<li><a  ><i ></i>  Android</a></li>
	<li><a  ><i ></i>  IOS</a></li>
	<li ></li>
	<li >下拉标题</li>
	<li><a  ><i ></i>  Home</a></li>
</ul>
</div>

 

标签: Bootstrap
来源:http://www.cnblogs.com/zhuiluoyu/p/4616482.html

推荐: