<Bootstrap> 是一個流行的前端開發框架，被廣泛應用于創建響應式網頁和Web應用程序。在Bootstrap中，<div>是最常用的標簽之一，用于組織和布局網頁的各個部分。而<iframe>是一種HTML元素，用于在網頁中嵌入其他網頁或文檔。這篇文章將重點介紹在Bootstrap中如何使用<div>和<iframe>，并提供幾個代碼案例進行詳細說明。
，讓我們來看一個簡單的示例。假設我們想在一個網頁上嵌入另一個網頁作為一個小部件。我們可以使用<iframe>標簽來實現這個功能。下面是一個使用Bootstrap的基本結構，包含一個<div>和一個<iframe>的示例：

<code>
<div class="container">
<h1>主頁</h1>
<div class="row">
<div class="col-md-6">
<iframe src="widget.html" width="100%" height="300px"></iframe>
</div>
<div class="col-md-6">
<p>這是一個網頁嵌入的示例。</p>
</div>
</div>
</div>
</code>

在上面的示例中，我們將<div>和<iframe>標簽都包含在了Bootstrap的.container類中，以確保在不同屏幕尺寸下都能正確顯示。其中，<div class="row">用于創建一個水平分隔的行，<div class="col-md-6">用于創建兩個相等寬度的列。
在<iframe>標簽中，我們通過設置src屬性來指定要嵌入的網頁，通過width和height屬性來設置嵌入框架的寬度和高度。
接下來，我們來看一個稍微復雜一些的示例。假設我們想在網頁上展示一個包含圖片輪播的小部件。我們可以使用Bootstrap的輪播組件和<div>標簽來實現。下面是一個示例代碼：

<code>
<div class="container">
<h1>圖片輪播</h1>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- 輪播指示器 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<br>
    <!-- 輪播內容 -->
<div class="carousel-inner">
<div class="item active">
<img src="slide1.jpg" alt="圖片1">
</div>
<div class="item">
<img src="slide2.jpg" alt="圖片2">
</div>
<div class="item">
<img src="slide3.jpg" alt="圖片3">
</div>
</div>
<br>
    <!-- 左右切換按鈕 -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
</code>

在上面的示例中，我們使用了Bootstrap的輪播組件來實現圖片的自動切換效果。其中，<div id="myCarousel" class="carousel slide">定義了一個輪播組件，通過data-ride="carousel"屬性來使其可以自動播放。
.carousel-indicators用于創建輪播的指示器，每個<li>對應一個輪播項。在.carousel-inner中定義了三個輪播項，使用<img>標簽來展示圖片，通過設置src屬性來指定要顯示的圖片。
在底部，我們使用<a>標簽和左右箭頭圖標來創建輪播的切換按鈕。
通過以上示例，我們可以看到如何在Bootstrap中使用<div>和<iframe>標簽，并結合相關組件進行布局和展示。這些功能可以幫助我們快速構建美觀、響應式的網頁和Web應用程序。無論是嵌入其他網頁還是創建自己的部件，<div>和<iframe>都是非常有用的工具。希望本文對您有所幫助！