亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

ディレクトリ 検索
Getting started Accessibility(無(wú)障礙) Browsers and devices(瀏覽器和設(shè)備) Build tools(構(gòu)建工具) Contents(內(nèi)容) Download(下載) JavaScript Theming Bootstrap(主題Bootstrap) Webpack Components: Alerts Alerts(警報(bào)) Components: Badges Badges(徽章) Components: Breadcrumb Breadcrumb Components: Button group Button group(按鈕組) Components: Buttons Buttons(按鈕) Components: Cards Components: Carousel Cards(卡) Carousel(圓盤(pán)傳送帶) Components: Collapse Collapse(折疊) Components: Dropdowns Dropdowns(下拉菜單) Components: Forms Forms(表單) Components: Input group Input group(輸入群組) Components: Input group Jumbotron(廣告大屏幕) Components: List group List group(列表組) Components: Modal Modal(互動(dòng)視窗) Components: Navbar Navbar(導(dǎo)航欄) Components: Navs Navs(導(dǎo)航欄) Components: Pagination Pagination(分頁(yè)) Components: Popovers Popovers(彈出框) Components: Progress Progress(進(jìn)度條) Components: Scrollspy Scrollspy(滾動(dòng)監(jiān)聽(tīng)) Components: Tooltips Tooltips(提示工具) Content Code(代碼) Figures(圖片區(qū)) Images(圖片) Reboot(重置) Tables(表格) Typography(排版) Layout Grid(網(wǎng)格) Layout(布局) Media object(多媒體對(duì)象) Utilities for layout(排版通用類(lèi)別) Migration Migrating to v4(遷移到v4) Utilities Borders(邊框) Clearfix(清除浮動(dòng)) Close icon(關(guān)閉圖標(biāo)) Colors(顏色) Display property(顯示屬性) Embeds(內(nèi)嵌) Flex(彈性) Float(浮動(dòng)) Image replacement(圖像替換) Position(位置) Screenreaders(熒幕閱讀器) Sizing(尺寸) Spacing(間隔) Text(文本) Vertical alignment(垂直對(duì)齊) Visibility(能見(jiàn)度)
テキスト

常見(jiàn)文本工具的文檔和示例,以控制對(duì)齊,包裝,重量等等。

文本對(duì)齊

輕松地將文本重新對(duì)齊到具有文本對(duì)齊類(lèi)的組件。

<p class="text-justify">Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>

對(duì)于左對(duì)齊,右對(duì)齊和中心對(duì)齊,可以使用與網(wǎng)格系統(tǒng)使用相同視口寬度斷點(diǎn)的響應(yīng)類(lèi)。

<p class="text-left">Left aligned text on all viewport sizes.</p><p class="text-center">Center aligned text on all viewport sizes.</p><p class="text-right">Right aligned text on all viewport sizes.</p><p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p><p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p><p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p><p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>

文本換行和溢出

防止文本與.text-nowrap類(lèi)一起打包。

<div class="row">  <div class="col-1 text-nowrap">
    Curabitur blandit tempus ardua ridiculus sed magna.  </div>  <div class="col-11">    <img src="..." alt="An image to show the text doesn't wrap">  </div></div>

對(duì)于更長(zhǎng)的內(nèi)容,您可以添加一個(gè).text-truncate類(lèi)以省略號(hào)截?cái)辔谋尽?strong>需要display: inline-blockdisplay: block**.**。

<!-- Block level --><div class="row">  <div class="col-2 text-truncate">
    Praeterea iter est quasdam res quas ex communi.  </div></div><!-- Inline level --><span class="d-inline-block text-truncate" style="max-width: 150px;">
  Praeterea iter est quasdam res quas ex communi.</span>

文本轉(zhuǎn)換

使用文本大寫(xiě)類(lèi)轉(zhuǎn)換組件中的文本。

<p class="text-lowercase">Lowercased text.</p><p class="text-uppercase">Uppercased text.</p><p class="text-capitalize">CapiTaliZed text.</p>

請(qǐng)注意,text-capitalize只更改每個(gè)單詞的第一個(gè)字母,使其他字母的大小寫(xiě)不受影響。

字體粗細(xì)和斜體

快速更改文字的粗細(xì)或斜體文字。

<p class="font-weight-bold">Bold text.</p><p class="font-weight-normal">Normal weight text.</p><p class="font-weight-light">Light weight text.</p><p class="font-italic">Italic text.</p>
前の記事: 次の記事: