Twitter bootstrap Twitter引导切换按钮,页面中的第一个正常,第二个不正常
我在twitter引导程序中设置了一个页面,我有两个区域,底部有一个twitter引导程序“折叠/切换按钮”,用于显示/隐藏其他信息。页面上的第一个似乎可以正常工作,但第二个(除了标识类之外,在所有方面都相同)不起作用 twitter引导是否允许在同一页面上出现多个“折叠效果”,如果是,为什么我编写的代码不起作用 我在下面附上了我的html代码,并设置了一个解决问题的方法Twitter bootstrap Twitter引导切换按钮,页面中的第一个正常,第二个不正常,twitter-bootstrap,Twitter Bootstrap,我在twitter引导程序中设置了一个页面,我有两个区域,底部有一个twitter引导程序“折叠/切换按钮”,用于显示/隐藏其他信息。页面上的第一个似乎可以正常工作,但第二个(除了标识类之外,在所有方面都相同)不起作用 twitter引导是否允许在同一页面上出现多个“折叠效果”,如果是,为什么我编写的代码不起作用 我在下面附上了我的html代码,并设置了一个解决问题的方法 <!DOCTYPE html> <!--[if lt IE 7]> <html cl
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>JORDAN</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="author" content="Justin Brown">
<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-
touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-
touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-
icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-
precomposed.png">
<link rel="shortcut icon" href="assets/ico/favicon.png">
</head>
<body data-target=".bs-docs-sidebar" class="tourspage">
<div class="wrap">
<!-- Navbar
================================================== -->
<div class="navbar">
<div class="container">
<div class="navbar-inner">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-
target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#" title="JORDAN"><img src="assets/img/logo.gif"
alt="JORDAN" /></a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About Jordon</a></li>
<li><a href="#">Places</a></li>
<li><a href="#">Tours</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About Us</a></li>
</ul>
</div>
</div>
</div>
</div><!-- navbar -->
<div class="container">
<div class="toursinfo">
<h1>Tours</h1>
<article class="nodivider">
<p>These are some of our most popular tours with details, prices,
and itineraries. You can sign up for a tour right from here, or you can create a custom
version of the tour from our Custom Tour page.</p>
<!-- start the tours block -->
<aside>
<p>
<span class="left">View from a Jeep </span>
<span class="right">(3 days, 2 nights)</span>
</p>
<p>
<span class="left">Price per Person </span>
<span class="right">$1350</span>
</p>
<p>
<span class="left">Activities</span>
<span class="right">
<a href="#">Jeeping</a>
<a href="#">Camping</a>
<a href="#">History</a></span>
</p>
<p>
<span class="left">Places</span>
<span class="right">
<a href="#">Wadi Mujib</a>
<a href="#">Petra</a>
<a href="#">Little Petra</a>
<a href="#">Dead Sea</a>
<a href="#">Wadi Dona</a>
<a href="#">Wadi Feinan</a>
<a href="#">Old Humeiah</a></span>
</p>
</aside>
<figure><img src="assets/img/photo15.jpg" alt="PHOTO"></figure>
<p><span class="bold">Description</span> <br /> Bertase deleoa
dipisg elitve sibulum cude enoserta dendrit maurportade usceita varere meroserta
kertasera miatoque penatib
emagnis keras. Lorem ipsum dolor sit amet conse ctetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
Duis qute irure dolor. </p>
<a href="#" class="btn-hide" data-toggle="collapse" data-
target=".details">Details</a>
<a href="#" class="btn-booknow">Book Now!</a>
<div class="details collapse">
<div class="daysinfo nodivider">
<h3><span>DAY 1</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit
maurportade usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner,
Snacks.</span> <span><span class="orange">Hotel:</span> Al Arrabiys Hotel.</span>
<span><span class="orange">Travel Time:</span> Approx 2 Hours.
</span> </p>
</div>
</div>
<div class="daysinfo">
<h3><span>DAY 2</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit
maurportade usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner,
Snacks.</span> <span><span class="orange">Hotel:</span> Al Arrabiys Hotel.</span>
<span><span class="orange">Travel Time:</span> Approx 2 Hours.
</span> </p>
</div>
</div>
<div class="daysinfo">
<h3><span>DAY 3</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit
maurportade usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner,
Snacks.</span> <span><span class="orange">Hotel:</span> Al Arrabiys Hotel.</span>
<span><span class="orange">Travel Time:</span> Approx 2 Hours.
</span> </p>
</div>
</div>
</div>
</article>
<!-- end tour block -->
</div><!-- toursinfo -->
</div><!-- container -->
<div id="push"></div>
</div><!-- end wrap -->
<!-- Footer
================================================== -->
<div class="bgfooter">
<footer>
<div class="container">
<p>© 2013</p>
<p class="right">
<a href="#">Sitemap</a>
<a href="#">FAQ</a>
<a href="#">Contact Us</a>
</p>
</div>
</footer>
</div><!-- footer -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
<script src="assets/js/bootstrap-alert.js"></script>
<script src="assets/js/bootstrap-modal.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
<script src="assets/js/bootstrap-scrollspy.js"></script>
<script src="assets/js/bootstrap-tab.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script src="assets/js/bootstrap-popover.js"></script>
<script src="assets/js/bootstrap-button.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<script src="assets/js/bootstrap-carousel.js"></script>
<script src="assets/js/bootstrap-typeahead.js"></script>
<script src="assets/js/bootstrap-affix.js"></script>
<script src="assets/js/holder/holder.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/application.js"></script>
</body>
</html>
乔丹
旅行
地点
说明
Bertase deleoa
这是一个非常好的例子
佩纳蒂布宫酒店
emagnis keras。我的同情心永远不会消失
Elite说,我们暂时不需要劳动和金钱。乌特埃尼姆酒店
最低成本、最低成本、最低成本和最低成本
康塞奎特。
这是我的荣幸
第一天
这是一种优良的树状植物
乌塞塔瓦雷梅洛塞塔美术馆(maurportade usceita Varre meroserta kertasera miatoque penatib emagnis keras)。洛勒姆
同一权利属于高级行政管理人员,属于临时性权利
劳工和多洛尔·马格纳·阿利夸。我们需要一个最低限度的练习
ullamco laboris nisi和aliquip ex ea commodo consequat。这是我的荣幸
膳食:早餐,晚餐,
小吃。酒店:阿尔阿拉比斯酒店。
行程时间:约2小时。
第2天
这是一种优良的树状植物
乌塞塔瓦雷梅洛塞塔美术馆(maurportade usceita Varre meroserta kertasera miatoque penatib emagnis keras)。洛勒姆
同一权利属于高级行政管理人员,属于临时性权利
劳工和多洛尔·马格纳·阿利夸。我们需要一个最低限度的练习
乌拉姆科实验室
这是一个很好的例子。这是我的荣幸
膳食:早餐,晚餐,
小吃。酒店:阿尔阿拉比斯酒店。
行程时间:约2小时。
第3天
这是一种优良的树状植物
乌塞塔瓦雷梅洛塞塔美术馆(maurportade usceita Varre meroserta kertasera miatoque penatib emagnis keras)。洛勒姆
同一权利属于高级行政管理人员,属于临时性权利
劳工和多洛尔·马格纳·阿利夸。我们需要一个最低限度的练习
ullamco laboris nisi和aliquip ex ea commodo consequat。这是我的荣幸
膳食:早餐,晚餐,
小吃。酒店:阿尔阿拉比斯酒店。
行程时间:约2小时。
&抄袭;2013年
编辑:根据user@Shail的请求,我只附加了代码的手风琴部分:
<!-- start the tours block -->
<aside>
<p>
<span class="left">View from a Jeep </span>
<span class="right">(3 days, 2 nights)</span>
</p>
<p>
<span class="left">Price per Person </span>
<span class="right">$1350</span>
</p>
<p>
<span class="left">Activities</span>
<span class="right">
<a href="#">Jeeping</a>
<a href="#">Camping</a>
<a href="#">History</a></span>
</p>
<p>
<span class="left">Places</span>
<span class="right">
<a href="#">Wadi Mujib</a>
<a href="#">Petra</a>
<a href="#">Little Petra</a>
<a href="#">Dead Sea</a>
<a href="#">Wadi Dona</a>
<a href="#">Wadi Feinan</a>
<a href="#">Old Humeiah</a></span>
</p>
</aside>
<figure><img src="assets/img/photo15.jpg" alt="PHOTO"></figure>
<p><span class="bold">Description</span> <br /> Bertase deleoa
dipisg elitve sibulum cude enoserta dendrit maurportade usceita varere meroserta
kertasera miatoque penatib
emagnis keras. Lorem ipsum dolor sit amet conse ctetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
Duis qute irure dolor. </p>
<a href="#" class="btn-hide" data-toggle="collapse" data-
target=".details">Details</a>
<a href="#" class="btn-booknow">Book Now!</a>
<div class="details collapse">
<div class="daysinfo nodivider">
<h3><span>DAY 1</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit
maurportade usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner,
Snacks.</span> <span><span class="orange">Hotel:</span> Al Arrabiys Hotel.</span>
<span><span class="orange">Travel Time:</span> Approx 2 Hours.
</span> </p>
</div>
</div>
<div class="daysinfo">
<h3><span>DAY 2</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit
maurportade usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner,
Snacks.</span> <span><span class="orange">Hotel:</span> Al Arrabiys Hotel.</span>
<span><span class="orange">Travel Time:</span> Approx 2 Hours.
</span> </p>
</div>
</div>
<div class="daysinfo">
<h3><span>DAY 3</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit
maurportade usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner,
Snacks.</span> <span><span class="orange">Hotel:</span> Al Arrabiys Hotel.</span>
<span><span class="orange">Travel Time:</span> Approx 2 Hours.
</span> </p>
</div>
</div>
</div>
</article>
<!-- end tour block -->
地点
说明
Bertase deleoa
这是一个非常好的例子
佩纳蒂布宫酒店
emagnis keras。我的同情心永远不会消失
Elite说,我们暂时不需要劳动和金钱。乌特埃尼姆酒店
最低成本、最低成本、最低成本和最低成本
康塞奎特。
这是我的荣幸
第一天
这是一种优良的树状植物
乌塞塔瓦雷梅洛塞塔美术馆(maurportade usceita Varre meroserta kertasera miatoque penatib emagnis keras)。洛勒姆
同一权利属于高级行政管理人员,属于临时性权利
劳工和多洛尔·马格纳·阿利夸。我们需要一个最低限度的练习
ullamco laboris nisi和aliquip ex ea commodo consequat。这是我的荣幸
膳食:早餐,晚餐,
小吃。酒店:阿尔阿拉比斯酒店。
行程时间:约2小时。
第2天
这是一种优良的树状植物
乌塞塔瓦雷梅洛塞塔美术馆(maurportade usceita Varre meroserta kertasera miatoque penatib emagnis keras)。洛勒姆
同一权利属于高级行政管理人员,属于临时性权利
拉布雷等
多洛雷·麦格纳·阿利夸。但是,我们必须尽可能少地进行实验
从一个普通的消费品中购买。这是我的荣幸
膳食:早餐,晚餐,
小吃。酒店:阿尔阿拉比斯酒店。
行程时间:约2小时。
第3天
这是一种优良的树状植物
乌塞塔瓦雷梅洛塞塔美术馆(maurportade usceita Varre meroserta kertasera miatoque penatib emagnis keras)。洛勒姆
同一权利属于高级行政管理人员,属于临时性权利
劳工和多洛尔·马格纳·阿利夸。我们需要一个最低限度的练习
ullamco laboris nisi和aliquip ex ea commodo consequat。这是我的荣幸
膳食:早餐,晚餐,
小吃。酒店:阿尔阿拉比斯酒店。
行程时间:约2小时。
问题编辑后:-该问题与一些未关闭的问题相关
.toursinfo .details1 {
float: left;
padding-bottom: 17px;
width: 100%;
}
<div class="toursinfo">
<h1>Tours</h1>
<article class="nodivider">
<p>These are some of our most popular tours with details, prices, and itineraries.
You can sign up for a tour right from here, or you can create a custom
version of the tour from our Custom Tour page.</p>
<!-- start the tours
block -->
<aside>
<p> <span class="left">View from a Jeep </span> <span class="right">(3 days, 2 nights)</span>
</p>
<p> <span class="left">Price per Person </span> <span class="right">$1350</span>
</p>
<p> <span class="left">Activities</span> <span class="right"> <a href="#">Jeeping</a> <a href="#">Camping</a> <a href="#">History</a></span>
</p>
<p> <span class="left">Places</span> <span class="right"> <a href="#">Wadi Mujib</a> <a href="#">Petra</a> <a href="#">Little Petra</a> <a href="#">Dead Sea</a> <a href="#">Wadi Dona</a> <a href="#">Wadi Feinan</a> <a href="#">Old Humeiah</a></span>
</p>
</aside>
<figure>
<img src="assets/img/photo15.jpg" alt="PHOTO">
</figure>
<p><span class="bold">Description</span>
<br />Bertase deleoa dipisg elitve sibulum cude enoserta dendrit maurportade
usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis qute irure dolor.</p> <a href="#" class="btn-hide" data-toggle="collapse"
data-target=".details">Details</a> <a href="#" class="btn-booknow">Book Now!</a>
<div
class="details collapse">
<div class="daysinfo nodivider">
<h3><span>DAY 1</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit maurportade
usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner, Snacks.</span> <span><span class="orange">Hotel:</span> Al
Arrabiys Hotel.</span> <span><span class="orange">Travel Time:</span> Approx
2 Hours.</span>
</p>
</div>
</div>
<div class="daysinfo">
<h3><span>DAY 2</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit maurportade
usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner, Snacks.</span> <span><span class="orange">Hotel:</span> Al
Arrabiys Hotel.</span> <span><span class="orange">Travel Time:</span> Approx
2 Hours.</span>
</p>
</div>
</div>
<div class="daysinfo">
<h3><span>DAY 3</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit maurportade
usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner, Snacks.</span> <span><span class="orange">Hotel:</span> Al
Arrabiys Hotel.</span> <span><span class="orange">Travel Time:</span> Approx
2 Hours.</span>
</p>
</div>
</div>
</div>
</article>
<!-- end tour block -->
<article class="divider">
<p>These are some of our most popular tours with details, prices, and itineraries.
You can sign up for a tour right from here, or you can create a custom
version of the tour from our Custom Tour page.</p>
<!-- start the tours
block -->
<aside>
<p> <span class="left">View from a Jeep </span> <span class="right">(3 days, 2 nights)</span>
</p>
<p> <span class="left">Price per Person </span> <span class="right">$1350</span>
</p>
<p> <span class="left">Activities</span> <span class="right"> <a href="#">Jeeping</a> <a href="#">Camping</a> <a href="#">History</a></span>
</p>
<p> <span class="left">Places</span> <span class="right"> <a href="#">Wadi Mujib</a> <a href="#">Petra</a> <a href="#">Little Petra</a> <a href="#">Dead Sea</a> <a href="#">Wadi Dona</a> <a href="#">Wadi Feinan</a> <a href="#">Old Humeiah</a></span>
</p>
</aside>
<figure>
<img src="assets/img/photo15.jpg" alt="PHOTO">
</figure>
<p><span class="bold">Description</span>
<br />Bertase deleoa dipisg elitve sibulum cude enoserta dendrit maurportade
usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis qute irure dolor.</p> <a href="#" class="btn-hide" data-toggle="collapse"
data-target=".details1">Details</a> <a href="#" class="btn-booknow">Book Now!</a>
<div
class="details1 collapse">
<div class="daysinfo ">
<h3><span>DAY 1</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit maurportade
usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner, Snacks.</span> <span><span class="orange">Hotel:</span> Al
Arrabiys Hotel.</span> <span><span class="orange">Travel Time:</span> Approx
2 Hours.</span>
</p>
</div>
</div>
<div class="daysinfo">
<h3><span>DAY 2</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit maurportade
usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner, Snacks.</span> <span><span class="orange">Hotel:</span> Al
Arrabiys Hotel.</span> <span><span class="orange">Travel Time:</span> Approx
2 Hours.</span>
</p>
</div>
</div>
<div class="daysinfo">
<h3><span>DAY 3</span></h3>
<div class="info">
<p>Bertase deleoa dipisg elitve sibulum cude enoserta dendrit maurportade
usceita varere meroserta kertasera miatoque penatib emagnis keras. Lorem
ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis qute irure dolor.</p>
<p><span><span class="orange">Meals:</span> Breakfast, Dinner, Snacks.</span> <span><span class="orange">Hotel:</span> Al
Arrabiys Hotel.</span> <span><span class="orange">Travel Time:</span> Approx
2 Hours.</span>
</p>
</div>
</div>
</div>
</article>
</div>