847www色视频日本,粉嫩呦福利视频导航大全

\r\n\r\n \r\n 1<\/div>\r\n 2<\/div>\r\n 3<\/div>\r\n 4<\/div>\r\n 5<\/div>\r\n 6<\/div>\r\n 7<\/div>\r\n 8<\/div>\r\n 9<\/div>\r\n 10<\/div>\r\n 11<\/div>\r\n 12<\/div>\r\n <\/div>\r\n<\/div>\r\n<\/body><\/pre>
<\/p>
頁面效果會隨著屏幕的大小col-lg-， col-md- ，col-sm-， col-xs- 顯示不同的效果<\/p>
$\"20161031140826605.jpg\"\/$ <\/p>
柵格系統(tǒng)中的列偏移（offsets）col-lg-offset-<\/p>
\r\n \r\n Title<\/title>\r\n <!--step1:設(shè)置viewport-->\r\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,user-scalable=no\">\r\n <!--step2:引入Bootstrap-->\r\n <link rel=\"stylesheet\" href=\"css\/bootstrap.css\">\r\n \r\n <style>\r\n .container .row div {\r\n background-color: grey;\r\n border:1px solid red;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>
<h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\r\n<div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-offset-11 col-lg-1\">row - col -1<\/div>\r\n <\/div>\r\n<\/div>\r\n<\/body><\/pre><p>   <\/p><p><\/p><p>效果如下（偏移了11列）<br\/><\/p><p><img src=\"https:\/\/img.php.cn\/\/upload\/image\/143\/733\/141\/1481255789548751.jpg\" title=\"1481255789548751.jpg\" alt=\"20161031140826605.jpg\"\/><\/p><p>柵格系統(tǒng)中的列嵌套<\/p><pre class='brush:php;toolbar:false;'><div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-4 col-md-2 col-sm-3 col-xs-6\">1<\/div>\r\n <div class=\"col-lg-8 col-md-2 col-sm-3 col-xs-6\">2\r\n <div class=\"row\">\r\n <div class=\"col-lg-3 col-md-2 col-sm-3 col-xs-6\">3<\/div>\r\n <div class=\"col-lg-3 col-md-2 col-sm-3 col-xs-6\">4<\/div>\r\n <div class=\"col-lg-3 col-md-2 col-sm-3 col-xs-6\">5<\/div>\r\n <div class=\"col-lg-3 col-md-2 col-sm-3 col-xs-6\">6<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div><\/pre><p>效果如下<\/p><p><img src=\"https:\/\/img.php.cn\/\/upload\/image\/187\/336\/403\/1481255814208338.jpg\" title=\"1481255814208338.jpg\" alt=\"20161031140826605.jpg\"\/><\/p><p>流式布局容器<\/p><p> 將最外面的布局元素.container 改為.container-fluid,就可以將固定的柵格布局轉(zhuǎn)換為100%寬度的布局<\/p><pre class='brush:php;toolbar:false;'><div class=\"contaienr-fluid\">\r\n <div class=\"row\">\r\n  \r\n <\/div>\r\n<\/div><\/pre><p>? ?<\/p>\n<p><\/p>\n<p><br><\/p>"}	</script>
	
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>

<body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
<header>
    <div   id="377j5v51b"   class="head">
        <div   id="377j5v51b"   class="haed_left">
            <div   id="377j5v51b"   class="haed_logo">
                <a href="http://www.miracleart.cn/ms/" title="" class="haed_logo_a">
                    <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                </a>
            </div>
            <div   id="377j5v51b"   class="head_nav">
                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
                    <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://www.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
                            <a href="http://www.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
                            <a href="http://www.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
                    <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://www.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
                            <a href="http://www.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
                    <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://www.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
                            <a href="http://www.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
                            <a href="http://www.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
                            <a href="http://www.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
                            <a href="http://www.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
                            <a href="http://www.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="http://www.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
                    <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://www.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
                            <a href="http://www.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
                    <div   id="377j5v51b"   class="head_search">
                <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                <a href="javascript:;" title="cari"  onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
            </div>
                <div   id="377j5v51b"   class="head_right">
            <div   id="377j5v51b"   class="haed_language">
                <a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a>
                <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                    <div   id="377j5v51b"   class="languagechoose">
                                                <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
                                                <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                <a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a>
                                                <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                            </div>
                </div>
            </div>
            <span id="377j5v51b"    class="head_right_line"></span>
                            <div style="display: block;" id="login" class="haed_login ">
                    <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                </div>
                <div style="display: block;" id="reg" class="head_signup login">
                    <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                </div>
            
        </div>
    </div>
</header>

	
	<main>
		<div   id="377j5v51b"   class="Article_Details_main">
			<div   id="377j5v51b"   class="Article_Details_main1">
							<div   id="377j5v51b"   class="Article_Details_main1M">
					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
						<a href="http://www.miracleart.cn/ms/" title="Rumah"
							class="phpgenera_Details_mainL1a">Rumah</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://www.miracleart.cn/ms/php-tutorials.html"
							class="phpgenera_Details_mainL1a">php教程</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://www.miracleart.cn/ms/php-ercikaifa.html"
							class="phpgenera_Details_mainL1a">PHP開發(fā)</a>
						<img src="/static/imghw/top_right.png" alt="" />
						<span>第一次接觸Bootstrap框架</span>
					</div>
					
					<div   id="377j5v51b"   class="Articlelist_txts">
						<div   id="377j5v51b"   class="Articlelist_txts_info">
							<h1 class="Articlelist_txts_title">第一次接觸Bootstrap框架</h1>
							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
								<div   id="377j5v51b"   class="author_info">
									<a href="http://www.miracleart.cn/ms/member/13.html"  class="author_avatar">
									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/000/013/6177b5643d1eb119.png" src="/static/imghw/default1.png" alt="高洛峰">
									</a>
									<div   id="377j5v51b"   class="author_detail">
																			<a href="http://www.miracleart.cn/ms/member/13.html" class="author_name">高洛峰</a>
                                										</div>
								</div>
                			</div>
							<span id="377j5v51b"    class="Articlelist_txts_time">Dec 09, 2016 am	 11:57 AM</span>
															<div   id="377j5v51b"   class="Articlelist_txts_infos">
																			<span id="377j5v51b"    class="Articlelist_txts_infoss on">bootstrap</span>
																	</div>
														
						</div>
					</div>
					<hr />
					<div   id="377j5v51b"   class="article_main php-article">
						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
						<ins class="adsbygoogle"
							style="display:block; text-align:center;"
							data-ad-layout="in-article"
							data-ad-format="fluid"
							data-ad-client="ca-pub-5902227090019525"
							data-ad-slot="3461856641">
						</ins>
						

					<p>關(guān)于Bootstrap，話不多說，直接進(jìn)入主題：</p>
<p>安裝</p>
<p>可以通過bootstrap官方網(wǎng)站下載安裝</p>
<p>可以通過Bower安裝（關(guān)于bower一種包管理器，本文不做詳解）</p>
<p>bower install bootstrap<br></p>
<p>可以通過npm安裝（關(guān)于npm可以閱讀）</p>
<p>npm install bootstrap<br></p>
<p>項(xiàng)目中引入Bootstrap</p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>BootstrapDemo</title>
 <!--step1:設(shè)置viewport-->
 <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
 <!--step2:引入Bootstrap-->
 <link rel="stylesheet" href="css/bootstrap.css">
</head></pre><p>   </p><p></p><p>布局容器</p><p>.container 類用于固定寬度并支持響應(yīng)式布局的容器</p><pre class='brush:php;toolbar:false;'><div class="container">
 
</div></pre><p>   </p><p></p><p>.container-fluid 類用于100%寬度，占據(jù)全部視口（viewport）的容器</p><pre class='brush:php;toolbar:false;'><div class="container-fluid">
 
</div></pre><p>   </p><p></p><p>柵格系統(tǒng)</p><p>Bootstrap提供了一套響應(yīng)式的, 移動優(yōu)先的流式柵格系統(tǒng), 隨著屏幕或視口(viewport)尺寸的不同, 系統(tǒng)會自動的分成12份；</p><p>柵格系統(tǒng)是通過一系列的行（row）和列(column)的組合來創(chuàng)建頁面布局；</p><p>“行（row）”必須包含在.container或.container-fluid容器中，</p><p>柵格系統(tǒng)中的媒體查詢</p><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn//upload/image/284/538/627/1481255681976283.jpg"  class="lazy" title="1481255681976283.jpg" alt="20161031140826605.jpg"/></p><p>柵格系統(tǒng)中的參數(shù)</p><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn//upload/image/319/119/396/1481255695739321.jpg"  class="lazy" title="1481255695739321.jpg" alt="20161031140826605.jpg"/></p><p>案例代碼</p><pre class='brush:php;toolbar:false;'><head>
 <meta charset="UTF-8">
 <title>Title</title>
 <!--step1:設(shè)置viewport-->
 <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
 <!--step2:引入Bootstrap-->
 <link rel="stylesheet" href="css/bootstrap.css">
 <style>
 .container .row div {
 background-color: grey;
 border:1px solid red;
 }
 </style>
</head>
<body>
<div class="container">
 <div class="row">
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">1</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">2</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">3</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">4</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">5</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">6</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">7</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">8</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">9</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">10</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">11</div>
 <div class="col-lg-1 col-md-2 col-sm-3 col-xs-6">12</div>
 </div>
</div>
</body></pre><p>   </p><p></p><p>頁面效果會隨著屏幕的大小col-lg-， col-md- ，col-sm-， col-xs- 顯示不同的效果</p><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn//upload/image/486/666/458/1481255727719233.jpg"  class="lazy" title="1481255727719233.jpg" alt="20161031140826605.jpg"/></p><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn//upload/image/825/421/766/1481255740638703.jpg"  class="lazy" title="1481255740638703.jpg" alt="20161031140826605.jpg"/></p><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn//upload/image/744/215/639/1481255750829608.jpg"  class="lazy" title="1481255750829608.jpg" alt="20161031140826605.jpg"/></p><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn//upload/image/272/471/773/1481255760890838.jpg"  class="lazy" title="1481255760890838.jpg" alt="20161031140826605.jpg"/></p><p>柵格系統(tǒng)中的列偏移（offsets）<br/>col-lg-offset-</p><pre class='brush:php;toolbar:false;'><head>
 <meta charset="UTF-8">
 <title>Title</title>
 <!--step1:設(shè)置viewport-->
 <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
 <!--step2:引入Bootstrap-->
 <link rel="stylesheet" href="css/bootstrap.css">
 
 <style>
 .container .row div {
 background-color: grey;
 border:1px solid red;
 }
 </style>
</head>
<body>
<div class="container">
 <div class="row">
 <div class="col-lg-offset-11 col-lg-1">row - col -1</div>
 </div>
</div>
</body></pre><p>   </p><p></p><p>效果如下（偏移了11列）<br/></p><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn//upload/image/143/733/141/1481255789548751.jpg"  class="lazy" title="1481255789548751.jpg" alt="20161031140826605.jpg"/></p><p>柵格系統(tǒng)中的列嵌套</p><pre class='brush:php;toolbar:false;'><div class="container">
 <div class="row">
 <div class="col-lg-4 col-md-2 col-sm-3 col-xs-6">1</div>
 <div class="col-lg-8 col-md-2 col-sm-3 col-xs-6">2
 <div class="row">
 <div class="col-lg-3 col-md-2 col-sm-3 col-xs-6">3</div>
 <div class="col-lg-3 col-md-2 col-sm-3 col-xs-6">4</div>
 <div class="col-lg-3 col-md-2 col-sm-3 col-xs-6">5</div>
 <div class="col-lg-3 col-md-2 col-sm-3 col-xs-6">6</div>
 </div>
 </div>
 </div>
</div></pre><p>效果如下</p><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn//upload/image/187/336/403/1481255814208338.jpg"  class="lazy" title="1481255814208338.jpg" alt="20161031140826605.jpg"/></p><p>流式布局容器</p><p> 將最外面的布局元素.container 改為.container-fluid,就可以將固定的柵格布局轉(zhuǎn)換為100%寬度的布局</p><pre class='brush:php;toolbar:false;'><div class="contaienr-fluid">
 <div class="row">
  
 </div>
</div></pre><p>? ?</p>
<p></p>
<p><br></p>


						</div>
					</div>
					<div   id="377j5v51b"   class="wzconShengming_sp">
						<div   id="377j5v51b"   class="bzsmdiv_sp">Kenyataan Laman Web ini</div>
						<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div>
					</div>
				</div>

				<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="2507867629"></ins>



				<div   id="377j5v51b"   class="AI_ToolDetails_main4sR">


				<ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-5902227090019525"
        data-ad-slot="3653428331"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    


					<!-- <div   id="377j5v51b"   class="phpgenera_Details_mainR4">
						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Artikel Panas</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 minggu yang lalu</span>
										<span>By DDD</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 minggu yang lalu</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By 下次還敢</span>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
							</div>
						</div>
					</div> -->


											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Alat AI Hot</h2>
								</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>Gambar buka pakaian secara percuma</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>Penyingkiran pakaian AI</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
													<h3>Video Face Swap</h3>
												</a>
												<p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p>
											</div>
										</div>
																</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
									<a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
								</div>
							</div>
						</div>
					


					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Artikel Panas</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 minggu yang lalu</span>
										<span>By DDD</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 minggu yang lalu</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By 下次還敢</span>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
							</div>
						</div>
					</div>


											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Alat panas</h2>
								</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
													<h3>Notepad++7.3.1</h3>
												</a>
												<p>Editor kod yang mudah digunakan dan percuma</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 versi Cina</h3>
												</a>
												<p>Versi Cina, sangat mudah digunakan</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
													<h3>Hantar Studio 13.0.1</h3>
												</a>
												<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
													<h3>Dreamweaver CS6</h3>
												</a>
												<p>Alat pembangunan web visual</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 versi Mac</h3>
												</a>
												<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
											</div>
										</div>
																	</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
									<a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
								</div>
							</div>
						</div>
										

					
					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Topik panas</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1600</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>29</span>
										</div>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1502</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>276</span>
										</div>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://www.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a>
							</div>
						</div>
					</div>
				</div>
			</div>
							<div   id="377j5v51b"   class="Article_Details_main2">
					<div   id="377j5v51b"   class="phpgenera_Details_mainL4">
						<div   id="377j5v51b"   class="phpmain1_2_top">
							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
									src="/static/imghw/index2_title2.png" alt="" /></a>
						</div>
						<div   id="377j5v51b"   class="phpgenera_Details_mainL4_info">

													<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/ms/faq/1796792401.html" title="Cara menggunakan bootstrap di vue" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202406/12/2024061219422252334.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara menggunakan bootstrap di vue" />
								</a>
								<a href="http://www.miracleart.cn/ms/faq/1796792401.html" title="Cara menggunakan bootstrap di vue" class="phphistorical_Version2_mids_title">Cara menggunakan bootstrap di vue</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Apr 07, 2025 pm	 11:33 PM</span>
								<p class="Articlelist_txts_p">Menggunakan bootstrap dalam vue.js dibahagikan kepada lima langkah: Pasang bootstrap. Import bootstrap di main.js. Gunakan komponen bootstrap secara langsung dalam templat. Pilihan: Gaya tersuai. Pilihan: Gunakan pemalam.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/ms/faq/1796792273.html" title="Cara Menulis Garis Pecah Di Bootstrap" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202405/17/2024051700241717543.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara Menulis Garis Pecah Di Bootstrap" />
								</a>
								<a href="http://www.miracleart.cn/ms/faq/1796792273.html" title="Cara Menulis Garis Pecah Di Bootstrap" class="phphistorical_Version2_mids_title">Cara Menulis Garis Pecah Di Bootstrap</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Apr 07, 2025 pm	 03:12 PM</span>
								<p class="Articlelist_txts_p">Terdapat dua cara untuk membuat garis perpecahan bootstrap: menggunakan tag, yang mewujudkan garis perpecahan mendatar. Gunakan harta sempadan CSS untuk membuat garis perpecahan gaya tersuai.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/ms/faq/1796792271.html" title="Cara Mengesahkan Tarikh Bootstrap" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202405/17/2024051700332063977.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara Mengesahkan Tarikh Bootstrap" />
								</a>
								<a href="http://www.miracleart.cn/ms/faq/1796792271.html" title="Cara Mengesahkan Tarikh Bootstrap" class="phphistorical_Version2_mids_title">Cara Mengesahkan Tarikh Bootstrap</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Apr 07, 2025 pm	 03:06 PM</span>
								<p class="Articlelist_txts_p">Untuk mengesahkan tarikh dalam bootstrap, ikuti langkah -langkah ini: memperkenalkan skrip dan gaya yang diperlukan; memulakan komponen pemilih tarikh; Tetapkan atribut data-BV-tarikh untuk membolehkan pengesahan; Konfigurasikan peraturan pengesahan (seperti format tarikh, mesej ralat, dll.); Mengintegrasikan rangka kerja pengesahan bootstrap dan mengesahkan input tarikh secara automatik apabila borang dikemukakan.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/ms/faq/1796792280.html" title="Cara mendapatkan bar carian bootstrap" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202405/16/2024051623511862234.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara mendapatkan bar carian bootstrap" />
								</a>
								<a href="http://www.miracleart.cn/ms/faq/1796792280.html" title="Cara mendapatkan bar carian bootstrap" class="phphistorical_Version2_mids_title">Cara mendapatkan bar carian bootstrap</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Apr 07, 2025 pm	 03:33 PM</span>
								<p class="Articlelist_txts_p">Cara menggunakan Bootstrap untuk mendapatkan nilai bar carian: Menentukan ID atau nama bar carian. Gunakan JavaScript untuk mendapatkan elemen DOM. Mendapat nilai elemen. Lakukan tindakan yang diperlukan.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/ms/faq/1796792270.html" title="Cara melihat tarikh bootstrap" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202405/17/2024051700361970430.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara melihat tarikh bootstrap" />
								</a>
								<a href="http://www.miracleart.cn/ms/faq/1796792270.html" title="Cara melihat tarikh bootstrap" class="phphistorical_Version2_mids_title">Cara melihat tarikh bootstrap</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Apr 07, 2025 pm	 03:03 PM</span>
								<p class="Articlelist_txts_p">Jawapan: Anda boleh menggunakan komponen pemetik tarikh bootstrap untuk melihat tarikh di halaman. Langkah -langkah: Memperkenalkan rangka kerja bootstrap. Buat kotak input pemilih Tarikh dalam HTML. Bootstrap secara automatik akan menambah gaya kepada pemilih. Gunakan JavaScript untuk mendapatkan tarikh yang dipilih.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/ms/faq/1796805195.html" title="10 alat terkini untuk pemaju web" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/503/042/174657938588479.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="10 alat terkini untuk pemaju web" />
								</a>
								<a href="http://www.miracleart.cn/ms/faq/1796805195.html" title="10 alat terkini untuk pemaju web" class="phphistorical_Version2_mids_title">10 alat terkini untuk pemaju web</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">May 07, 2025 pm	 04:48 PM</span>
								<p class="Articlelist_txts_p">Reka bentuk pembangunan web adalah bidang kerjaya yang menjanjikan. Walau bagaimanapun, industri ini juga menghadapi banyak cabaran. Memandangkan lebih banyak perniagaan dan jenama beralih ke pasaran dalam talian, pemaju web mempunyai peluang untuk menunjukkan kemahiran mereka dan berjaya dalam kerjaya mereka. Walau bagaimanapun, apabila permintaan untuk pembangunan web terus berkembang, bilangan pemaju juga semakin meningkat, mengakibatkan persaingan yang semakin sengit. Tetapi ia menarik bahawa jika anda mempunyai bakat dan kehendak, anda sentiasa dapat mencari cara baru untuk membuat reka bentuk dan idea yang unik. Sebagai pemaju web, anda mungkin perlu terus mencari alat dan sumber baru. Alat dan sumber baru ini bukan sahaja menjadikan pekerjaan anda lebih mudah, tetapi juga meningkatkan kualiti kerja anda, dengan itu membantu anda memenangi lebih banyak perniagaan dan pelanggan. Trend pembangunan web sentiasa berubah.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/ms/faq/1796792272.html" title="Cara menggunakan butang bootstrap" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202405/17/2024051700272480590.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara menggunakan butang bootstrap" />
								</a>
								<a href="http://www.miracleart.cn/ms/faq/1796792272.html" title="Cara menggunakan butang bootstrap" class="phphistorical_Version2_mids_title">Cara menggunakan butang bootstrap</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Apr 07, 2025 pm	 03:09 PM</span>
								<p class="Articlelist_txts_p">Bagaimana cara menggunakan butang bootstrap? Perkenalkan CSS bootstrap untuk membuat elemen butang dan tambahkan kelas butang bootstrap untuk menambah teks butang</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/ms/faq/1796792278.html" title="Cara Menyiapkan Kerangka untuk Bootstrap" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202405/17/2024051700032351186.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara Menyiapkan Kerangka untuk Bootstrap" />
								</a>
								<a href="http://www.miracleart.cn/ms/faq/1796792278.html" title="Cara Menyiapkan Kerangka untuk Bootstrap" class="phphistorical_Version2_mids_title">Cara Menyiapkan Kerangka untuk Bootstrap</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Apr 07, 2025 pm	 03:27 PM</span>
								<p class="Articlelist_txts_p">Untuk menubuhkan rangka kerja bootstrap, anda perlu mengikuti langkah -langkah ini: 1. Rujuk fail bootstrap melalui CDN; 2. Muat turun dan tuan rumah fail pada pelayan anda sendiri; 3. Sertakan fail bootstrap di HTML; 4. Menyusun sass/kurang seperti yang diperlukan; 5. Import fail tersuai (pilihan). Setelah persediaan selesai, anda boleh menggunakan sistem grid Bootstrap, komponen, dan gaya untuk membuat laman web dan aplikasi yang responsif.</p>
							</div>
													</div>

													<a href="http://www.miracleart.cn/ms/php-tutorials.html" class="phpgenera_Details_mainL4_botton">
								<span>See all articles</span>
								<img src="/static/imghw/down_right.png" alt="" />
							</a>
											</div>
				</div>
					</div>
	</main>
	<footer>
    <div   id="377j5v51b"   class="footer">
        <div   id="377j5v51b"   class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p>
        </div>
        <div   id="377j5v51b"   class="footermid">
            <a href="http://www.miracleart.cn/ms/about/us.html">Tentang kita</a>
            <a href="http://www.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
            <a href="http://www.miracleart.cn/ms/update/article_0_1.html">Sitemap</a>
        </div>
        <div   id="377j5v51b"   class="footerbottom">
            <p>
                ? php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">




		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
	
	
	
	
	

	
	






<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>

<div class="friend-links">


</div>
</div>

</footer>


<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="kisq4" class="pl_css_ganrao" style="display: none;"><pre id="kisq4"></pre><dfn id="kisq4"></dfn><th id="kisq4"><option id="kisq4"><object id="kisq4"></object></option></th><strike id="kisq4"></strike><li id="kisq4"><legend id="kisq4"><ruby id="kisq4"></ruby></legend></li><noframes id="kisq4"></noframes><option id="kisq4"><wbr id="kisq4"><ul id="kisq4"><wbr id="kisq4"></wbr></ul></wbr></option><tr id="kisq4"></tr><wbr id="kisq4"></wbr><sup id="kisq4"><table id="kisq4"><acronym id="kisq4"></acronym></table></sup><strong id="kisq4"><address id="kisq4"><u id="kisq4"></u></address></strong><label id="kisq4"></label><tr id="kisq4"></tr><tt id="kisq4"></tt><optgroup id="kisq4"></optgroup><pre id="kisq4"></pre><table id="kisq4"></table><font id="kisq4"></font><xmp id="kisq4"><label id="kisq4"></label></xmp><strong id="kisq4"><mark id="kisq4"></mark></strong><th id="kisq4"></th><abbr id="kisq4"></abbr><rt id="kisq4"><small id="kisq4"><rt id="kisq4"></rt></small></rt><noframes id="kisq4"></noframes><abbr id="kisq4"></abbr><fieldset id="kisq4"><center id="kisq4"><label id="kisq4"></label></center></fieldset><pre id="kisq4"></pre><table id="kisq4"><address id="kisq4"><table id="kisq4"><wbr id="kisq4"></wbr></table></address></table><td id="kisq4"><form id="kisq4"></form></td><button id="kisq4"></button><pre id="kisq4"><menu id="kisq4"><small id="kisq4"></small></menu></pre><s id="kisq4"><kbd id="kisq4"><p id="kisq4"></p></kbd></s><tbody id="kisq4"><dfn id="kisq4"><em id="kisq4"></em></dfn></tbody><td id="kisq4"></td><tbody id="kisq4"></tbody><optgroup id="kisq4"></optgroup><strong id="kisq4"><address id="kisq4"><table id="kisq4"><em id="kisq4"></em></table></address></strong><ul id="kisq4"><legend id="kisq4"><ul id="kisq4"><dl id="kisq4"></dl></ul></legend></ul><pre id="kisq4"><menu id="kisq4"></menu></pre><em id="kisq4"><s id="kisq4"><abbr id="kisq4"></abbr></s></em><abbr id="kisq4"></abbr><strike id="kisq4"></strike><pre id="kisq4"></pre><dd id="kisq4"><small id="kisq4"><menuitem id="kisq4"></menuitem></small></dd><pre id="kisq4"><menu id="kisq4"><delect id="kisq4"></delect></menu></pre><tr id="kisq4"><noframes id="kisq4"><center id="kisq4"></center></noframes></tr><output id="kisq4"><var id="kisq4"><center id="kisq4"></center></var></output><delect id="kisq4"><small id="kisq4"><delect id="kisq4"></delect></small></delect><nav id="kisq4"></nav><tr id="kisq4"><strike id="kisq4"><ins id="kisq4"></ins></strike></tr><th id="kisq4"><tbody id="kisq4"></tbody></th><option id="kisq4"><wbr id="kisq4"><u id="kisq4"><center id="kisq4"></center></u></wbr></option><dd id="kisq4"><small id="kisq4"><menuitem id="kisq4"><code id="kisq4"></code></menuitem></small></dd><ul id="kisq4"></ul><rt id="kisq4"><small id="kisq4"></small></rt><tr id="kisq4"></tr><track id="kisq4"><tfoot id="kisq4"><noframes id="kisq4"><span id="kisq4"></span></noframes></tfoot></track><sub id="kisq4"></sub><u id="kisq4"></u><dfn id="kisq4"></dfn><xmp id="kisq4"><li id="kisq4"><xmp id="kisq4"></xmp></li></xmp><center id="kisq4"></center><tt id="kisq4"></tt><strike id="kisq4"></strike><input id="kisq4"></input><thead id="kisq4"></thead><tr id="kisq4"></tr><tbody id="kisq4"><strike id="kisq4"><th id="kisq4"></th></strike></tbody><optgroup id="kisq4"><td id="kisq4"></td></optgroup><small id="kisq4"></small><center id="kisq4"></center><ruby id="kisq4"></ruby><thead id="kisq4"><abbr id="kisq4"><tfoot id="kisq4"><option id="kisq4"></option></tfoot></abbr></thead><kbd id="kisq4"></kbd><dfn id="kisq4"></dfn><pre id="kisq4"></pre><menu id="kisq4"><dd id="kisq4"></dd></menu><strong id="kisq4"></strong><dl id="kisq4"></dl><center id="kisq4"></center><pre id="kisq4"></pre><small id="kisq4"></small><tr id="kisq4"></tr><noframes id="kisq4"><span id="kisq4"><noframes id="kisq4"></noframes></span></noframes><acronym id="kisq4"></acronym><dfn id="kisq4"></dfn><kbd id="kisq4"></kbd><pre id="kisq4"><ol id="kisq4"><option id="kisq4"></option></ol></pre><tt id="kisq4"><rt id="kisq4"><tr id="kisq4"><strike id="kisq4"></strike></tr></rt></tt><dd id="kisq4"><strong id="kisq4"></strong></dd><output id="kisq4"><var id="kisq4"><pre id="kisq4"></pre></var></output><tfoot id="kisq4"><noframes id="kisq4"><rt id="kisq4"></rt></noframes></tfoot><th id="kisq4"></th><i id="kisq4"></i><output id="kisq4"><fieldset id="kisq4"><center id="kisq4"><acronym id="kisq4"></acronym></center></fieldset></output><pre id="kisq4"></pre><delect id="kisq4"><style id="kisq4"><delect id="kisq4"></delect></style></delect><kbd id="kisq4"><p id="kisq4"><mark id="kisq4"></mark></p></kbd></div>

</html>