<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bootstrap &#8211; 這世上 沒有偶然 只有必然</title>
	<atom:link href="https://wordpress.lokidea.com/tag/bootstrap/feed/" rel="self" type="application/rss+xml" />
	<link>https://wordpress.lokidea.com</link>
	<description>幻幽的小小分享區</description>
	<lastBuildDate>Mon, 10 Jul 2017 03:30:55 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>使用一致的社交登入按鈕【Social Buttons for Bootstrap】</title>
		<link>https://wordpress.lokidea.com/1610/%e4%bd%bf%e7%94%a8%e4%b8%80%e8%87%b4%e7%9a%84%e7%a4%be%e4%ba%a4%e7%99%bb%e5%85%a5%e6%8c%89%e9%88%95%e3%80%90social-buttons-for-bootstrap%e3%80%91/</link>
					<comments>https://wordpress.lokidea.com/1610/%e4%bd%bf%e7%94%a8%e4%b8%80%e8%87%b4%e7%9a%84%e7%a4%be%e4%ba%a4%e7%99%bb%e5%85%a5%e6%8c%89%e9%88%95%e3%80%90social-buttons-for-bootstrap%e3%80%91/#respond</comments>
		
		<dc:creator><![CDATA[Barney Chen]]></dc:creator>
		<pubDate>Mon, 10 Jul 2017 03:30:55 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[偶然]]></category>
		<category><![CDATA[全端之路]]></category>
		<category><![CDATA[分享]]></category>
		<category><![CDATA[初次研究]]></category>
		<category><![CDATA[前端]]></category>
		<category><![CDATA[收集]]></category>
		<category><![CDATA[網站研究]]></category>
		<category><![CDATA[Social Buttons]]></category>
		<category><![CDATA[Social Buttons for Bootstrap]]></category>
		<guid isPermaLink="false">https://wordpress.lokidea.com/?p=1610</guid>

					<description><![CDATA[剛好看到 HackMD &#8211; Markdown 協作筆記 的社交登入按鈕 五個社交平台都是一致的按鈕 &#8230; <a href="https://wordpress.lokidea.com/1610/%e4%bd%bf%e7%94%a8%e4%b8%80%e8%87%b4%e7%9a%84%e7%a4%be%e4%ba%a4%e7%99%bb%e5%85%a5%e6%8c%89%e9%88%95%e3%80%90social-buttons-for-bootstrap%e3%80%91/" class="more-link">閱讀全文 <span class="screen-reader-text">使用一致的社交登入按鈕【Social Buttons for Bootstrap】</span></a>]]></description>
										<content:encoded><![CDATA[<p>剛好看到 <a href="https://hackmd.io/" target="_blank" rel="noopener noreferrer">HackMD &#8211; Markdown 協作筆記</a> 的社交登入按鈕<br />
<img fetchpriority="high" decoding="async" class="aligncenter size-large wp-image-1611" src="https://wp2020.lokidea.com/wp-content/uploads/2017/07/picpick-20170709163042001-1499589043-1024x506.jpg" alt="" width="525" height="259" /><br />
五個社交平台都是一致的按鈕<br />
就想說用『<a href="https://duckduckgo.com/?q=btn+btn-lg+btn-block+btn-social+btn-facebook&amp;atb=v12&amp;ia=qa" target="_blank" rel="noopener noreferrer">btn btn-lg btn-block btn-social btn-facebook</a>』<br />
去搜尋一下看看會找到甚麼 【我的預設搜尋已經改為 <a href="http://duckduckgo.com" target="_blank" rel="noopener noreferrer">duckduckgo.com</a> 了】<br />
<span id="more-1610"></span><br />
<img decoding="async" class="aligncenter size-large wp-image-1612" src="https://wp2020.lokidea.com/wp-content/uploads/2017/07/picpick-20170709172541001-1499592341-1024x506.jpg" alt="" width="525" height="259" /><br />
第三個結果 『<a href="https://bootsnipp.com/snippets/featured/social-buttons-for-bootstrap" target="_blank" rel="noopener noreferrer">Bootstrap Snippet Social Buttons for &#8230; &#8211; Bootsnipp.com</a>』<br />
<img decoding="async" class="aligncenter size-large wp-image-1613" src="https://wp2020.lokidea.com/wp-content/uploads/2017/07/picpick-20170709172852001-1499592532-1024x506.jpg" alt="" width="525" height="259" /><br />
這應該就是我要找到的東西了<br />
但是 <a href="http://bootsnipp.com" target="_blank" rel="noopener noreferrer">bootsnipp.com</a> 底下應該不是原站<br />
點了 <a href="http://lipis.github.io/bootstrap-social/" target="_blank" rel="noopener noreferrer">lipis.github.io/bootstrap-social</a> 進去發現<br />
就是這個站了<br />
<img loading="lazy" decoding="async" class="aligncenter size-large wp-image-1614" src="https://wp2020.lokidea.com/wp-content/uploads/2017/07/picpick-20170709173825001-1499593106-656x1024.jpg" alt="" width="525" height="820" /></p>
<hr />
<p>補充：</p>
<ol>
<li>第三個結果 『<a href="https://bootsnipp.com/snippets/featured/social-buttons-for-bootstrap" target="_blank" rel="noopener noreferrer">Bootstrap Snippet Social Buttons for &#8230; &#8211; Bootsnipp.com</a>』<br />
這頁面上的社交登入按鈕只有 12個 網站的，應該是舊版</li>
<li><a href="http://lipis.github.io/bootstrap-social/" target="_blank" rel="noopener noreferrer">lipis.github.io/bootstrap-social</a> 原站的社交登入按鈕有 21個網站<br />
去查了一下，現在版本是 5.1.1，12個 按鈕是 3.0.0<br />
仔細看了看，應該是 <a href="http://fontawesome.io/" target="_blank" rel="noopener noreferrer">Font Awesome</a> 的版本差異<br />
bootsnipp分享的版本是 <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank" rel="noopener noreferrer">Font Awesome</a> 4.0.3<br />
現在 <a href="https://github.com/lipis/bootstrap-social" target="_blank" rel="noopener noreferrer">bootstrap-social</a> 的 Font Awesome 版本為 4.7</li>
<li><a href="http://bootsnipp.com" target="_blank" rel="noopener noreferrer">bootsnipp.com</a> 這個站感覺挺不錯的<br />
可以使用很多個CSS Frameworks分享製作成果</p>
<hr />
<p><img loading="lazy" decoding="async" class="alignnone wp-image-1615 " src="https://wp2020.lokidea.com/wp-content/uploads/2017/07/picpick-20170709173546001-1499592946.jpg" alt="" width="337" height="166" /></li>
<li><a href="https://alternativeto.net/software/bootsnipp/" target="_blank" rel="noopener noreferrer">也用 alternativeto.net 找了一下 bootsnipp.com</a><br />
類似服務果然真的不多<br />
只有 <a href="https://jsfiddle.net/" target="_blank" rel="noopener noreferrer">jsFiddle</a>、<a href="https://codepen.io/" target="_blank" rel="noopener noreferrer">CodePen</a><br />
不過 alternativeto.net 的資料關聯真的不精準<br />
有機會來寫一篇關於【線上前端作品分享平台】的文章好了</li>
<li>【Social Buttons for Bootstrap】首頁上有個很大的宣傳連結<br />
<hr />
<p><img loading="lazy" decoding="async" class="alignnone wp-image-1619 size-full" src="https://wp2020.lokidea.com/wp-content/uploads/2017/07/picpick-20170709180709001-1499594829.jpg" alt="" width="1920" height="948" /><br />
<a class="alert-link h3" href="http://githubstats.lip.is/"> New GitHub Stats </a> 這個站應該是作者自己做的<br />
上面有github的統計資料，感覺可以挖出很多有趣的關係</li>
</ol>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpress.lokidea.com/1610/%e4%bd%bf%e7%94%a8%e4%b8%80%e8%87%b4%e7%9a%84%e7%a4%be%e4%ba%a4%e7%99%bb%e5%85%a5%e6%8c%89%e9%88%95%e3%80%90social-buttons-for-bootstrap%e3%80%91/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
