- ሰነዳት፡ ዓበይቲ ምዕባለታት ኣብ መላእ ቦርድ ናብ ሓፈሻዊ ኣቃውማ፡ ኣብነታትን ቁንጣሮ ኮድን። ብተወሳኺ ብሓድሽ ናይ ሚድያ ሕቶታት ምላሽ ዝህብ ተገይሩ።
- 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
ታይፖግራፊ
h4
elements ካብ 16px ናብ 14px ብነባሪ line-height
18px ወሪዶም
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 ምፍቃድ።
ፖፖቨርስ ዝበሃል እዩ።
- ውላድ ባእታታት ሕጂ ብግቡእ ኣስማት ቦታ ተገይሩሎም:
.title
to .popover-title
, .inner
to .popover-inner
, and .content
to .popover-content
.
- እቲ
placement
ዝነበረ ናይ ኣማራጺ ዋጋ ሕጂ ’ below
ዩ ፡ ሕጂ bottom
’ ውን above
ኣሎ top
።
ሓደስቲ ፕላጊናት