Blogtrottr
梅問題‧教學網【Minwt】
最豐富的3C|攝影設計|旅遊資訊網 
Bootstrap教學《Boorstrap自訂欄位》固定col欄位width寬度
Mar 17th 2015, 22:00, by admin

梅問題-Bootstrap教學《Boorstrap自訂欄位》固定col欄位寬度
  Bootstrap現在已被廣為的使用,最主要的原因很簡單,一來是簡單易上手,二來是效果齊全,該有的都有,就連之前二姐委託的宏碁雲端、Papago、華碩活動頁面....都採用了Bootrap,由此可見它的便利性,且透過Bootstrap可縮短開發自適應網頁的時間,而這麼好用的元件,也不是完全都沒缺點,還是有不足的地方,像之前梅干也曾強化了它的廣告輪播,以及自訂欄位分割的數量,接著梅干要再來分享個,也是大家常會遇到的問題,就是側邊欄固定欄位寬度的部分,由於側邊欄大部分會用來放banner或廣告,因此這時若用百分比縮放區塊時,很容易造成跑版的問題,其實作法很簡單,只要自訂一組類別名稱,立即就可實現固定欄位寬度的夢想啦!至於怎麼做現在就一塊來看看吧!
放在<head>....</head>之間:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
<style type="text/css">
        .col-fixed, .row {
          float: left;
          margin-left: 0;
          margin-right: 0;
        }
        /*固定欄位寬度300像素*/
        .col-fixed {
          background: #CCC;
          width: 300px;
        }
 
        .row {
          background: #EEE;
          width:calc(100% - 300px);
        }
 
</style>

放在<body>....</body>之間:
當要固定欄位時,只要加入col-fixed,但要獨立出來,不可包在row裡。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
<div class="container">
                <div class="row">
                        <div class="col-md-6">
                           .col-md-6
                        </div>
                        <div class="col-md-6">
                           .col-md-6
                        </div>
                </div>
                <!-- 固定欄位寬度為300px -->
                <div class="col-fixed">
                        固定寬度300px
                </div>
        <!-- 固定欄位寬度為300px end-->
        </div>

結果預覽:
這時候無論怎麼改變預覽尺寸,側邊欄的寬度就會固定成300像素,不會跟著一起縮放,這時就不會再跑版啦!
梅問題-Bootstrap教學《Boorstrap自訂欄位》固定col欄位寬度


This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()

Blogtrottr
NOWnews 即時新聞
Latest news from NOWnews 
thumbnail 問/318學運省思 國民黨還是在跟主流民意對抗?
Mar 18th 2015, 05:24, by service.nownews@gmail.com (nownews)

記者李鴻典/台北報導

今天是太陽花學運周年,台灣這一年來發生了不少事情,這場學運也被視為是國民黨九合一挫敗關鍵之一,有綠營立委認為,國民黨還是在跟主流民意逆勢對抗,跟主流民意對抗政黨,路會越走越窄。

民進黨籍立委吳秉叡今(18)天接受本報記者訪問時說,學運影響很全面,最重要是讓年輕人關心公眾議題然後關心台灣社會,這個影響對台灣才是長久的重大改變的地方。

他說,對於學運提出的議題,包括強化立法機關也就是國會監督職能,立委應切身反省,是不是多數黨挾持民意?對於同黨主政採取放任或是自我矮化成為立法局,這可能是引起憲政結構發生重大衝突的原因。

吳秉叡說,有關這一點,無論將來誰執政,千萬要記得,立法機關監督職能要加強,也要兼顧民意,要能變得更明確,才能讓社會衝突消弭,繼續往前走。

對於國民黨是否因學運造成節節挫敗,吳秉叡認為,有關,但最大的關係是國民黨不了解學運代表的真正民意,以及學運要表達的意涵,國民黨還是在跟主流民意逆勢對抗,跟主流民意對抗的政黨,路會越走越窄。

關鍵字:

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

Media files:
b3652c168fba48d0ad0835ae5046d39a.jpg (image/jpeg)
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()

Blogtrottr
即時/國際/國際
 
伊核談判歧異仍大 本周難以達成
Mar 16th 2015, 16:04

伊核談判歧異仍大 本周難以達成

2015-03-17 00:04:05 聯合報 記者王麗娟╱即時報導

美國國務院發言人莎琪16日告訴美國有線電視新聞網(CNN),美國與伊朗談判核子問題已朝達成協議再邁進一步,但伊朗與世界6強的歧異仍大,本周達成協議的可能性低。

莎琪說,美國國務卿柯瑞與伊朗外長札里夫16日在瑞士洛桑會面4小時,談判伊核問題,其後伊朗談判代表團轉往布魯塞爾與歐洲部長會面。

她說:「目前我們顯然處於關鍵時刻,周末前的這幾天是關鍵。」她同時淡化本周達成協議的可能性,表示「我們認為,可能要到月底,才能斷定是否能達成雙方都能接受的協議。」

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()

Blogtrottr
Yahoo!奇摩知識+ - 分類問答 - 手機通訊 - 發問中
Yahoo!奇摩知識+ - 分類問答 - 手機通訊 - 發問中 
什麼是all-on-4人工植牙?這樣的人工植牙過程有啥不同?
Mar 16th 2015, 04:58

家裡的老大人缺牙缺到太嚴重,要去做人工植牙啦!之前聽說有一種all-on-4人工植牙,那是最新的人工植牙技術嗎?我有沒有記錯英文啊?會不會很貴呀?跟一般的人工植牙過程有什麼不一樣嗎?有人也有做過all-on-4人工植牙的嗎?

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()

Blogtrottr
Yahoo!奇摩知識+ - 分類問答 - 生活資訊 - 發問中
Yahoo!奇摩知識+ - 分類問答 - 生活資訊 - 發問中 
保母會很難溝通無?有耳聞保母難溝通
Mar 18th 2015, 07:31

知識問題|

發問者: 匿名
發問時間: 2015-03-18 15:31:43 ( 還有 8 天發問到期 )
解答贈點: 5 ( 共有 0 人贊助 )
回答: 0 0

保母好像都比較主觀,
也比較容易照著自己的想法走,真的嗎?
因為我覺得溝通上很重要,
不然很容易早成誤會的!

目前沒有資料

目前沒有資料

馬上按讚  加入 Yahoo! 奇摩 知識+  粉絲團

最新其他

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()

Blogtrottr
Yahoo!奇摩知識+ - 分類問答 - 視聽娛樂 - 發問中
Yahoo!奇摩知識+ - 分類問答 - 視聽娛樂 - 發問中 
彰化市哪邊有賣汽車追蹤器?
Mar 18th 2015, 07:22

知識問題|

發問者: 匿名
發問時間: 2015-03-18 15:22:49 ( 還有 4 天發問到期 )
解答贈點: 5 ( 共有 0 人贊助 )
回答: 0 0

彰化市哪邊有賣汽車追蹤器?彰化市哪邊有賣汽車追蹤器?彰化市哪邊有賣汽車追蹤器?彰化市哪邊有賣汽車追蹤器?彰化市哪邊有賣汽車追蹤器?彰化市哪邊有賣汽車追蹤器?彰化市哪邊有賣汽車追蹤器?

目前沒有資料

目前沒有資料

馬上按讚  加入 Yahoo! 奇摩 知識+  粉絲團

最新香港藝人

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()

Blogtrottr
udn最新報導
udn最新報導:24小時即時提供國內外最新新聞,立即掌握各領域最新重大訊息。 
甜點街、引新櫃 百貨添春意
Mar 17th 2015, 00:10

甜點街、引新櫃 百貨添春意

2015-03-17 08:10:53 聯合報 記者陳威任/台北報導

迎接春天,百貨改裝或引進新櫃展現新風貌。並推出春季新品及優惠,為母親節檔期暖身。

統一阪急台北店B2的甜點區重新改裝16個櫃位,引進百貨首櫃與人氣品牌,以SWEET STREET甜點街登場,因應B2F聯通道人潮流量及餐飲需求,訴求「一分鐘TO GO,食尚帶著走」為,以更快速的服務,滿足消費者。本月19日前開幕期間,每日都有1元商品或買一送一活動。

微風廣場也陸續引進新櫃,3月有複合品牌概念店Wednesday、法國原創工藝鞋款arche、台灣真皮手工鞋Loveyaya等;4月將引進風格浪漫的Red Valentino。義大利精品giuliano Fujiwara首次開設與義大利潮流休閒鞋品牌D.A.T.E聯名快閃店。環球購物中心中和店1樓改走香氛及複合式服飾品牌概念店,包括南法香頌、dmp等;結合WORKING HOUSE打造新北獨家「Bonne Journee日安花園」,4月14日前1樓開形象快閃櫃。

3月是相對淡季,春季新品上市就有優惠吸客。廣三SOGO百貨祭出春季新品服飾、鞋包最低優惠4.5折起,18日前新櫃單筆滿3,000元Smart Card紅利點數3倍送。春季化妝品節同步展開,新品最低3.5折起。環球購物中心「春悸女人節」加碼滿千送百,化妝品、內睡衣 刷環球聯名卡單筆2,000送100禮券,今最後一天;27日至31日1F/2F女裝、鞋包 刷環球聯名卡單筆3,000送200商品禮券。

雙和比漾廣場則與楊三郎美術館合作,19日至22日持比漾卡及當日全館同卡消費單筆500元(含)以上發票,贈楊三郎美術館門票一張。明曜百貨20日起春裝登場。

京華城春裝、春妝下殺2.9折起。19日至22日、27日至29日刷京華卡單筆滿2,000元送200元商品券,持Living Card當日累滿4,000送400元商品券。1樓鞋殿AS、TAS專櫃從19日至31日推精選女鞋特賣會。

誠品生活即日起至4月7日以「襯新鮮」為主題,有春茶時間、絹印工坊及指彩沙龍等體驗。邀AXES服裝設計師張嘉仁,將菇菌設計成印花製成提袋與零錢包,當日消費達指定金額,可換野菇圖鑑印花贈禮一份。

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()

Blogtrottr
Yahoo!奇摩知識+ - 分類問答 - 生活資訊 - 發問中
Yahoo!奇摩知識+ - 分類問答 - 生活資訊 - 發問中 
4D埋線拉皮貴不貴呢?4D埋線拉皮有沒有後遺症?
Mar 16th 2015, 05:29

我沒做過拉皮
想要肌膚拉提、緊實、無紋路也可以擦保養品來改善ㄚ
像我擦的這瓶..QIO緊緻▣煥◈顏霜
http://beaUtifUl9999.Com/?act=shopping&cmd=detail&pi_id=2013110300004
可以針對臉部肌膚鬆弛 下垂 紋路..等等做改善
脖子也可以做使用喔!!!

還好有女兒的孝順 買了保養品給我
讓我現在肌膚變的緊緻有彈性
看起來也年輕了好幾歲呢
我女兒也很驚訝 想不到效果是超乎預料的好

既然我們都用的這麼有心得
所以我們決定以後就買S☼美☼人的保養品就好了
不然市面上保養品那麼多樣化
要找到適合自己又有效果的真的很難
而且他們家品質也都做的很好 還有投保高額保險兩千萬喔

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()

Blogtrottr
udn最新報導
udn最新報導:24小時即時提供國內外最新新聞,立即掌握各領域最新重大訊息。 
蒲亭神隱多日 報紙指他苦於背疾
Mar 15th 2015, 23:39

蒲亭神隱多日 報紙指他苦於背疾

2015-03-16 07:39:41 中央社 維也納15日綜合外電報導

維也納「使者報」(Kurier)今天報導,俄羅斯總統蒲亭罹患背部毛病,1名維也納整形外科專家應召飛往莫斯科,治療蒲亭。

使者報並未披露這名醫生的名字,也未透露作此報導的消息來源;在此之前,蒲亭多日神隱,未公開露面,引發謠諑紛傳,有的揣測他可能患病,有的則揣測他遭逢政變罷黜。

總計蒲亭有1週多未公開亮相或在現場轉播電視露面,上週更展延與哈薩克及白俄羅斯領袖的會面。

記者打電話,想跟克里姆林宮發言人培斯科夫(Dmitry Peskov)查證使者報的報導,但他未接電話。

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()

Blogtrottr
2013 - Yahoo奇摩 搜尋結果
2013 - Yahoo奇摩 搜尋結果 
大陸商務部:光伏關稅最高達286% 嚴重擾亂全球產業鏈發展
Mar 18th 2015, 03:07

中國商務部新聞發言人沈丹陽昨強調,對中國光伏產品採取的「雙反」措施,嚴重擾亂了全球光伏產業鏈的發展。中方看好光伏產業發展,希望能加強與有關國家的對話與合作,妥善處理這一類問題。

图片说明

沈丹陽在記者會上。  圖片來源:中新社/香港文匯報

中國的光伏產品近年來屢遭歐美等國家的反傾銷和反補貼(「雙反」)調查,中國商務部新聞發言人沈丹陽昨(17)日指出,中國企業對此很不滿,紛紛要求中國政府在WTO提起爭端解決。沈丹陽強調,對中國光伏產品採取的「雙反」措施,嚴重擾亂了全球光伏產業鏈的發展。中方看好光伏產業發展,希望能加強與有關國家的對話與合作,妥善處理這一類問題。

香港《文匯報》報導,繼歐盟、美國對中國光伏產品發起「雙反」調查後,去年底,加拿大也加入了這一陣營,並於今年3月5日,初裁決定對進口自天合光能、晶科能源、無錫尚德等多家中國企業的光伏組建和晶片,徵收9%到286%不等的「雙反」關稅。沈丹陽表示,對於這一結果中方深表遺憾。

全國人大代表、晶科能源總裁陳康平在今年兩會期間就指出,由於光伏產業在中國發展是非常好的,很多國家都感受到了來自中國的壓力。而在能源領域,各國都希望保護本國產業,所以對中國提出「雙反」來設立競爭門檻。中國光伏產業根本不存在傾銷現象,也沒有所謂的「補貼」一說。

「現在中國企業一方面紛紛要求中國政府在WTO提起爭端解決,另一方面也都考慮在美國國內的法院提起訴訟」,沈丹陽稱,「通過對話和磋商解決貿易爭端是中方一貫的立場,我們對光伏產品貿易摩擦的態度也是如此,我們希望與有關國家加強對話與合作,妥善處理這一類問題,共同推動全球新能源領域的健康發展。」

近年來,中國光伏產品遭遇的貿易摩擦案件不斷增多。迄今為止,規模最大的一次是2013年歐盟對華光伏產品發起的「雙反」調查,涉案金額高達200多億美元。沈丹陽援引該案強調,中歐雙方通過積極對話和磋商,最終達成了「價格承諾協議」,成功解決了光伏貿易摩擦。「這件事情充分表明,只要摩擦的雙方有足夠誠意坐下來談,是可以有智慧、有能力來管控好貿易摩擦的」。

對於中國光伏產業的發展前景,沈丹陽強調,「我們是看好的」。商務部鼓勵光伏企業創新國際貿易方式,在境外開展投資生產合作。中方相信中國的光伏產業經得起風浪,發展質量和效益會持續提高,並為提升中國經濟發展活力和競爭力作出積極貢獻。

此外,沈丹陽還指出,歐元兌人民幣大幅度貶值,加大了中國出口增長面臨的壓力,中國出口產品的價格優勢被弱化。但從投資角度看,歐元的持續走弱,導致歐元區資產價格下降,這為中國企業在歐元區的投資併購帶來了機會。

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

kko2oj3x91bmh 發表在 痞客邦 留言(0) 人氣()