<!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

     <meta charset="utf-8" />

     <title></title>

     <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">

 </head>

 <body>

 <style>

     .kch_wx_btn_left{

         background-color: orange;

         border-top-left-radius:1em;

         border-bottom-left-radius:1em;

     }

     .kch_wx_btn_left a{

         color: #fff;

         text-decoration: none;

         line-height: 2em;

         padding: 1em;

     }

     .kch_wx_btn_right{

         background-color: #c1e2b3;

         border-top-right-radius:1em;

         border-bottom-right-radius:1em;

     }

     .kch_wx_btn_right a{

         color: black;

         text-decoration: none;

         line-height: 2em;

         padding: 1em;

     }

 </style>

 <div class="container">

     <div class="row text-center">

         <div class="col-sm-5 col-xs-5 col-xs-offset-1 col-sm-offset-1 kch_wx_btn_left">

             <a href="#" id="kch_wx_left_btnId">我的左边</a>

         </div>

         <div class="col-sm-5 col-xs-5 kch_wx_btn_right">

             <a href="#" id="kch_wx_right_btnId">我的右边</a>

         </div>

     </div>

 </div>

 </body>

 </html>


 
												


											
bootstrap左右圆角按钮-适配手机页面的更多相关文章
	

    
								
  1. Bootstrap <基础七>按钮
		
    任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观.但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示: 以下样式可用于<a>, <butto ...
    
		
    2. 
						
  2. Bootstrap系列 -- 29. 按钮组
		
    单个按钮在Web页面中的运用有时候并不能满足我们的业务需求,常常会看到将多个按钮组合在一起使用,比如富文本编辑器里的一组小图标按钮等 按钮组和下拉菜单组件一样,需要依赖于button.js插件才能正常 ...
    
		
    3. 
						
  3. Bootstrap<基础十三> 按钮组
		
    按钮组允许多个按钮被堆叠在同一行上.当你想要把按钮对齐在一起时,这就显得非常有用.你可以通过Bootstrap 按钮(Button) 插件 添加可选的 JavaScript 单选框和复选框样式行为.  ...
    
		
    4. 
						
  4. HTML5手机页面里面如何把长按复制避免
		
    在写HTML5手机页面的时候,有时候会写到一些标签是需要用户长按然后放开的 但是微信里面长按就会出现复制,大大影响了用户体验,那么如何可以避免呢? 我也是最近写到这样的页面,总结了一部分,大家可以作为 ...
    
		
    5. 
						
  5. 手机页面开发的meta
		
    <meta name="viewport" content="width=device-width, initial-scale=1"> 手机环境. ...
    
		
    6. 
						
  6. 第二百三十七节，Bootstrap图标菜单按钮组件
		
    Bootstrap图标菜单按钮组件 学习要点: 1.小图标组件 2.下拉菜单组件 3.按钮组组件 4.按钮式下拉菜单 本节课我们主要学习一下 Bootstrap 的三个组件功能:小图标组件.下拉菜单组 ...
    
		
    7. 
						
  7. 第二百三十三节，Bootstrap表格和按钮
		
    Bootstrap表格和按钮 学习要点: 1.表格 2.按钮 本节课我们主要学习一下 Bootstrap 表格和按钮功能,通过内置的 CSS 定义,显示各 种丰富的效果. 一．表格 Bootstrap ...
    
		
    8. 
						
  8. 安卓手机 HTML5 手机页面 输入表单被键盘遮挡住了
		
    TML5 手机页面 输入表单被键盘遮挡住了 请问 大神 怎么 js 或者 JQ 判断安卓手机软键盘的键盘隐藏键按下去了? 有使用 uexWindow 方法 能判断到确定键 是 13 但是不知道这个键的 ...
    
		
    9. 
						
  9. 纯css3手机页面图标样式代码
		
    全部图标:http://hovertree.com/texiao/css/19/ 先看效果: 或者点这里:http://hovertree.com/texiao/css/19/hoverkico.ht ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. a标签中的点击事件
			
    我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这 是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问 ...
    
			
    2. 
						
  2. 使用scp将文件/目录拷贝到另一台Linux主机上
			
    如何将一台Linux主机上的文件或目录拷贝到另一台Linux主机上,scp命令可以实现该需求 前提条件:两台Linux主机处于同一网段,可以互相ping通 操作如下: 文件拷贝 ①将本地文件拷贝到远端 ...
    
			
    3. 
						
  3. Codeforces Round #379 (Div. 2) 解题报告
			
    题目地址 本次CF是在今天早上深夜进行,上午有课就没有直接参加.今天早上上课坐到后排参加了virtual participation.这次CF前面的题目都非常的水,不到10分钟就轻松过了前两题,比较郁 ...
    
			
    4. 
						
  4. OC基础--类
			
    都是注释哈 类的组成: C语言中函数分为声明和实现 OC中定义一个类也分为声明和实现, 也就是说以后我们在OC中定义类, 就是在写类的声明和实现 编写类的声明和实现: 声明 .h: /*  行为方法: ...
    
			
    5. 
						
  5. mysql 中execute、executeQuery和executeUpdate之间的区别
			
    在用纯JSP做一个页面报警功能的时候习惯性的用executeQuery来执行SQL语句,结果执行update时就遇到问题,语句能执行,但返回结果出现问题,另外还忽略了executeUpdate的返回值 ...
    
			
    6. 
						
  6. cloud theory is a failure?                                                    分类：            Cloud Computing             2013-12-26 06:52    269人阅读    评论(0)    收藏
			
    since LTE came out, with thin client cloud computing  and broadband communication clouding 不攻自破了.but ...
    
			
    7. 
						
  7. ConvertFrom-String 命令研究
			
    -------先上个例子------- $aaa = @'0.027 0.034 0.834 0.1050.346 0.558 0.018 0.0780.001 0.997 0.001 0.0010. ...
    
			
    8. 
						
  8. OMG点菜系统
			
    算是一个项目吧,自己一个人也写了很久,有很多东西是自己写的,当然也有在网上借鉴人家大神的,不一而足,代码太多,不贴了,直接上图.(一直出现的天蓝色是使用windows自带主题壁纸上截取的一段) [原本 ...
    
			
    9. 
						
  9. Python学习笔记-字符串
			
    Python之使用字符串 1.所有的标准序列操作(索引,分片,乘法,判断成员资格,求长度,取最小值,最大值)对字符串同样适用.但是字符串都是不可变的. 2.字符串格式化使用字符串格式化操作符即%. f ...
    
			
    10. 
						
  10. For-Each循环
			
    For-Each循环也叫增强型的for循环,或者叫foreach循环. For-Each循环是JDK5.0的新特性(其他新特性比如泛型.自动装箱等). For-Each循环的加入简化了集合的遍历. 语 ...
    
			
    11.