Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个网站项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您 给我们写信或是打电话,让我们听到你的声音!

Distance远近互联网络运营服务商

地 址:河北省石家庄市新华区华强广场5楼

电 话:14730427447

E-mail:815752879@qq.com

填写您的项目信息

Bootstrap中常用的折叠卡

发布时间:2020-09-07T10:59:48

<div class="container">

<div class="row">

<div class="col-sm-1"></div>

<div class="col-sm-10">

<h2 class='page-header'>折叠卡</h2>

<button class='btn btn-success' data-target='#mydata' data-toggle='collapse'>点击显示信息</button>

<div class="collapse in" id='mydata'>

昨天我吃了个煎饼果子,老难吃了。<br />

昨天我吃了个煎饼果子,老难吃了。<br />

昨天我吃了个煎饼果子,老难吃了。<br />

</div>

<h2 class='page-header'>列表折叠<small>只允许显示一项内容</small></h2>

<div class='panel-group' id='zdk'>

<div class='panel panel-info'>

<div class='panel-heading'>

<div class='panel-title'>

<a href="#wx" data-toggle='collapse' data-parent='#zdk'>吴昕</a>

</div>

</div>

<div class='panel-collapse collapse' id='wx'>

<div class='panel-body collapse in'>

《我们相爱吧》播出已经接近尾声,节目中三对明星情侣也各自有了新的发展。

</div>

</div>

</div>

<div class='panel panel-info'>

<div class='panel-heading'>

<div class='panel-title'>

<a href="#pwb" data-toggle='collapse' data-parent='#zdk'>潘玮柏</a>

</div>

</div>

<div class='panel-collapse collapse' id='pwb'>

<div class='panel-body  collapse in '>

潘玮柏成功求爱吴昕,两人忙着唱歌、约会、拍时尚大片,狗粮撒的也是很带劲。

</div>

</div>

</div>

<div class='panel panel-info'>

<div class='panel-heading'>

<div class='panel-title'>

<a href="#xn" data-toggle='collapse' data-parent='#zdk'>谢娜</a>

</div>

</div>

<div class='panel-collapse collapse' id='xn'>

<div class='panel-body  collapse in'>

谢娜为啥不生娃。

</div>

</div>

</div>

</div>

</div>

<div class="col-sm-1"></div>

</div>

</div>

远近互联前端小华整理发布,希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。

【相关推荐】
返回列表
在线沟通

Are you interested in ?

  您感兴趣吗?

有关我们服务的更多信息,请联系

147 3042 7447 周经理

与我们合作

与远近互联合作,您将会得到更成熟的网络品牌建设服务。我们以客户至上,同时也相互挑战,力求呈现更好的网络品牌建设成果。

项目经理热线(周经理):

147 3042 7447

TOP

QQ客服

14730427447