- ሰነዳት፡ ዓበይቲ ምዕባለታት ኣብ መላእ ቦርድ ናብ ሓፈሻዊ ኣቃውማ፡ ኣብነታትን ቁንጣሮ ኮድን። ብተወሳኺ ብሓድሽ ናይ ሚድያ ሕቶታት ምላሽ ዝህብ ተገይሩ።
- Docs: ኩሎም ገጻት docs ሕጂ ብMustache templates ዝሰርሑ ኮይኖም ሕብረ ቃላት ብi18n tags ተጠቕሊሎም ብማእከል ትርጉም ትዊተር ንትርጉሞም ኣለዉ። ኩሉ ለውጢ ኣብ ሰነዳት ኣብዚ ክግበር ኣለዎ ድሕሪኡ ክጥርነፍ ኣለዎ (ምስ CSSን LESSንና ዝመሳሰል)።
- ኣቃውማ ማህደር ሬፖ: ነቲ ዝተጠርነፈ CSS ካብ ሱር ኣውጺእዎ ኣብቲ docs homepage ንዘሎ ዓቢ ቀጥታዊ ናይ ምውራድ መላግቦ ንምድጋፍ። ዝተጠርነፈ CSS ኣብ
/docs/assets/css/.
- Docs and repo: ሓደ makefile:
makeኣብ Terminal ጽሒፍና updated docsን CSSን ጥራይ ንረክብ።
ስርዓት ሽቦ
- ስርዓት ሽቦ ዝተመሓየሸ፣ ሕጂ ኣብ ክንዲ 16 12 ዓምድታት ጥራይ
- ምላሽ ዝህብ ኣገባብ ማለት ፕሮጀክትታትካ ዳርጋ ካብ ሳንዱቕ ወጻኢ ኣብ ስማርትፎናት፡ ጣብላታትን ካልእን ይሰርሑ ማለት እዩ።
- ዝተኣልዩ ዘይተጠቕሙ (ብነባሪ) ሽቦ ዓምድታት ን17-24 ዓምድታት ይድግፉ
መልሲ ዝህብ (ናይ ሚድያ ሕቶታት)
- ኣብ መላእ መሳርሒታት ሞባይልን ጣብላን መሰረታዊ ደገፍ ንምርካብ ናይ ሚድያ ሕቶታት ተወሰኸ
- መልሲ ዝህብ CSS ብተናጸል ይጥርነፍ፣ ከም bootstrap-responsive.css
ታይፖግራፊ
h4elements ካብ 16px ናብ 14px ብነባሪ line-height18px ወሪዶም
h5ባእታታት ካብ 14px ናብ 12px ወሪዶም
h6ባእታታት ካብ 13px ናብ 11px ወሪዶም
- ንብሎክኮትስ ብየማን ዝተሰለፈ ኣማራጺ እንተኾይኑ
float: right;
ኮድ
- ሓድሽ ስእላዊ ቅዲ ን...
<code>
- Google Code Prettify ቅዲታት ተሓዲሶም (ኣብ gists GitHub ዝተመርኮሰ)
ሰደቓታት
- ዝተመሓየሸ ደገፍ ንን
colspan...rowspan
- ቅዲታት ሕጂ ኣብ ሓድሽ መሰረታዊ ክፍሊ ዝተሓጽሩ፣
.table
.table-ከም ቅድመ-ጥብቆ ምስ ዘድሊ ደረጃ ዝሓዙ ናይ ሰደቓ ክፍልታት
- ዘይተጠቕሙ ናይ ሰደቓ ሕብሪ ኣማራጺታት ተኣልዮም (ንኸምዚ ዝኣመሰለ ውሑድ ጽልዋ ብዙሕ ኮድ)
- ን TableSorter ዝኸውን ደገፍ ኣቋሪጹ
መጠወቒታት
- ሓደስቲ ክፍልታት ንሕብርታትን ዓቐናትን፡ ኩሎም ቅድመ-ጥብቆ ብ...
.btn-
- IE9: ደረጃታት ኣወጊዱ ክቡባት ኩርናዓት ወሲኹ
- ኣብ ጉጅለታት መጠወቒታት (ሓድሽ) ቅዲ ንጹር ንምግባርን ምስ ብሕታዊ ምስግጋር ዝሓሸ ንኽመስልን ዝተመሓየሸ ንጡፍ ኩነታት
- ሓድሽ mixin,
.buttonBackground, ንናይ መጠወቒ ምዕባለታት ንምቕማጥ
- እቲ
.secondaryክፍሊ ካብ ሞዳል ኣብነታት ኣብ ዶክስና ተኣልዩ ስለዘይፈልጥ ተዛመድቲ ቅዲታት ነይርዎ።
ቅጥዕታት
- ነባሪ ቅዲ ቅጥዒ ሕጂ ውሑድ CSS ንምጥቃምን ዝዓበየ ተዓጻጻፍነት ንምውሳኽን ቀጥታዊ (ተደራሪቡ) እዩ።
.form-ከም ቅድመ-ጥብቆ ምስ ዘድሊ ደረጃ ዝሓዙ ክፍልታት ቅጥዒ
- ሓድሽ ኣብ ውሽጢ ዝተሃንጸ ቅጥዒ ንናይ ምድላይ፣ ናይ ውሽጢ መስመርን ንኣግማድ ቅጥዕታትን ነባሪ ይኸውን
- ንኣግማድ ቅርጽታት፡ ዝሓለፉ ክፍልታትን
.clearfixማዕረ .inputናይቲ .control-groupሓድሽን .controls.
- ዝያዳ ተዓጻጻፊ ኣግማድ ቅጥዒ ምልክት ምስ ክፍልታት ንኹሉ ቅዲ, ሓዊሱ ሓድሽ ኣማራጺ ክፍሊ ን...
label
- ቅጥዒ ኩነታት: ሕብርታት ብሓደስቲ LESS ተለዋዋጢ ረቛሒታት ኣቢሎም ዝመሓየሹን ዝመዓራረዩን።
ምልክታት፣ ብግሊፊኮንስ ዝተዳለወ
- ሓድሽ ግሊፊኮንስ ሃፍሊንግስ ምልክት ስብስብ ብስፕራይት መልክዕ ተወሰኸ፣ ብጸሊምን ጻዕዳን።
- ንሓደ ምልክት ኣብ ቶናት ዓውድታት ዘድሊ ቀሊል ምልክት ምግባር፤
<i class="icon-cog"></>
- ካልእ ክፍሊ ወስኸሉ፣
.icon-white፣ ንጻዕዳ ለውጢ ናይ ሓደ ዓይነት ምልክት
ናይ መጠወቒ ጉጅለታትን ንቑልቁል ዝወርድን
- ክልተ ፍጹም ሓደስቲ ኣካላት ኣብ 2.0፡ ጉጅለታት መጠወቒታትን ንቑልቁል ዝወርድ መጠወቒታትን
- ጽግዕተኛነት፦ ንቑልቁል ዝወርድ መጠወቒታት ኣብ ጉጅለታት መጠወቒታት ይህነጹ፣ ስለዚ ድማ ኩሉ ቅዲታቶም ይጠልቡ።
- ጉጅለታት
.btn-groupመጠወቒታት፣ ፣ ብመጠወቒ መሳርሒ ባር ብሓደ ደረጃ ንላዕሊ ክጥርነፉ ይኽእሉ፣.btn-toolbar
ናቪጌሽን
- ትቦታትን ከኒናታትን ሕጂ ሓድሽ መሰረታዊ ክፍሊ ምጥቃም የድልዮም፣
.nav፣ ኣብ ልዕሊኦምን <ul>እቶም ናይ ክፍሊ ኣስማትን .nav-pillsሕጂን .nav-tabs.
- ሓደ ዓይነት መሰረታዊ ክፍሊ ዝጥቀም ሓድሽ nav list variation ተወሰኸ፣
.nav
- ቀጥ ዝበሉ ትቦታትን ከኒናታትን ተወሰኹ-ኣብ ልዕሊ
.nav-stackedእቲ...<ul>
- ከኒናታት ብነባሪ መልክዑ ውሑድ ክቡብ ንኽኸውን ዳግማይ ቅዲ ተገይሩሉ።
- ሕጂ ከኒናታት ንቑልቁል ዝወርድ ዝርዝር ደገፍ ኣለዎም (ከም ትቦታት ሓደ ዓይነት ምልክትን ቅዲን ይካፈሉ)
ናቭባር (ቀደም ላዕለዋይ ባር)
.topbarመሰረት ክፍሊ ካብ ናብ ተቐይሩ ።.navbar
- ሕጂ ስታቲካዊ ኣቀማምጣ ይድግፍ (ነባሪ ባህሪ፡ ጽኑዕ ኣይኮነን) ከምኡ’ውን ናብ ላዕሊ ቪውፖርት ብመንገዲ
.navbar-fixed-top(ቅድሚ ሕጂ ዝድገፍ ዝነበረ ጽኑዕ) ይድግፍ
- ኣብ ላዕለዋይ ደረጃ nav ቀጥታዊ መከፋፈልቲ ወሲኹ
- ዝተመሓየሸ ደገፍ ንናይ ውሽጢ መስመር ቅጥዕታት ኣብ navbar፣ ሕጂ
.navbar-formቅዲታት ብግቡእ ናብቶም ዝተሓሰቡ ቅጥዕታት ጥራይ ስፍሓት ምግባር ዝጠልብ።
- Navbar search form ሕጂ ኣጠቓቕማ ናይቲ ክላስን እታዎቱ
.navbar-searchድማ ኣጠቓቕማ ናይ .search-query. ነቲ ናይ ምድላይ ቅጥዒ ንምቕማጥ ፡ ወይ ክትጥቀም ኣለካ ።.pull-left.pull-right
- ንኣናእሽቱ ርዝነታትን መሳርሕታትን ትሕዝቶታት ናቭባር ንምዕራፍ ኣማራጺ ምላሽ ዝህብ ምልክት ተወሰኸ። ከመይ ጌርካ ከም እትጥቀመሉ navbar docs ርአ ።
ንቑልቁል ዝወርድ ምልክታታት
- ንርሕቐት ንምጽናዕ እቲ
.dropdown-menuዝተመሓየሸ
<span class="caret"></span>ሕጂ ነቲ ንቑልቁል ዝወርድ ቀስቲ ንምርኣይ a ክትውስኽ ይሓትት።
data-toggle="dropdown"ሕጂ ናይ ምቕያር ባህሪ ንምርካብ ባህሪ ክትውስኽ ይጠልብ
- እቲ navbar (fixed topbar) ፍጹም ሓድሽ ዝኾነ ንቑልቁል ዝወርድ ነገራት ኣለዎ። እቶም ጸለምቲ ስሪት ጠፊኦም ኣብ ክንድኦም ድማ ንንጹርነት ኣቀማምጣ ኣብ ላዕለዎት ተወሳኺ ካሬት ዘለዎም መደበኛ ጸለምቲ ኣለዉ።
ስያመታት
- ሕብርታት ስያመ ምስ ሕብርታት ኩነታት ቅጥዒ ንኽሰማምዑ ዝተመሓየሹ
- ብስእላዊ ኣገባብ ጥራይ ዘይኮነስ ብተመሳሳሊ ሓደስቲ ተለዋዋጢ ረቛሒታት ሓይሊ ይረኽቡ
ንኣሽቱ ስእልታት
- Formerly
.media-grid, now just .thumbnails, ንሕና ብዕምቆት ነዚ ክፍሊ ንዝያዳ ኣጠቓቕማታት ኣስፊሕናዮ ኣለና ኣብ ርእሲኡ ድማ ሓፈሻዊ ቅልልነት ካብ ሳንዱቕ ወጻኢ።
.thumbnailውልቃዊ ንኣሽቱ ስእልታት ሕጂ ክፍሊ የድልዮም
መጠንቀቕታታት
- ሓድሽ መሰረት ክፍሊ:
.alertኣብ ክንዲ....alert-message
- ንኻልኦት ኣማራጺታት ደረጃ ዝሓዙ ኣስማት ክፍልታት፣ ሕጂ ኩሎም ብ...
.alert-
- ነባሪ መጠንቀቕታታትን ደረጃ ብሎክ መጠንቀቕታታትን ናብ ሓደ ንምውህሃድ ዳግማይ ዝተነድፉ መሰረታዊ ቅዲታት መጠንቀቕታ
- ብሎክ ደረጃ መጠንቀቕታ ክፍሊ ተቐይሩ:
.alert-blockኣብ ክንዲ.block-message
ናይ ምዕባለ ባር
- ሓድሽ ኣብ 2.0
- ብመንገዲ ክፍልታት ብዙሓት ቅዲታት የቕርብ፣ ብመንገዲ CSS3 ስሪት ዘለዎምን ተንቀሳቐስቲ ፍልልያት ሓዊሱ
ዝተፈላለዩ ባእታታት
- ናይቲ ዒላ ክፍሊን ናይ ምዕጻው ምልክትን ሰነዳት ተወሰኸ (ኣብ ሞዳላትን መጠንቀቕታታትን ዝጥቀም)
ምኽሪ መሳርሒታት
- እቲ ፕላግ-ኢን ሜላ ካብ
twipsy()ናብ ተቐይሩ ኣሎ tooltip()፣ ስም ክፍሊ ድማ ካብ twipsyናብ ተቐይሩ ኣሎ tooltip።
- እቲ
placementዝነበረ ናይ ኣማራጺ ዋጋ ሕጂ ’ belowዩ ፡ ሕጂ bottom’ ውን aboveኣሎ top።
- እቲ
animateኣማራጺ ናብ animation.
- እቲ
htmlኣማራጺ ተኣልዩ፣ ምኽንያቱ እቶም መሳርሒታት ብነባሪ ሕጂ HTML ምፍቃድ።
ፖፖቨርስ ዝበሃል እዩ።
- ውላድ ባእታታት ሕጂ ብግቡእ ኣስማት ቦታ ተገይሩሎም:
.titleto .popover-title, .innerto .popover-inner, and .contentto .popover-content.
- እቲ
placementዝነበረ ናይ ኣማራጺ ዋጋ ሕጂ ’ belowዩ ፡ ሕጂ bottom’ ውን aboveኣሎ top።
ሓደስቲ ፕላጊናት