-
1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中，主要借助“.checkbox”和“.radio”样式，来处理复选框、单选按钮与标签的对齐方式。源码请查看bootstrap.css文件第1742行～第1762行：查看全部
-
练习题查看全部
-
练习题查看全部
-
在Bootstrap框架中要實現水平表單效果，必須滿足以下兩個條件： 1、在<form>元素是使用類名「form-horizontal」。 2、配合Bootstrap框架的網格系統。 在<form>元素上使用類名「form-horizontal」主要有以下幾個作用： 1、設置表單控件padding和margin值。 2、改變「form-group」的表現形式，類似於網格系統的「row」。 <form class="form-horizontal">查看全部
-
在Bootstrap框架中，這幾個元素使用了類名「form-control」，將會實現一些設計上的定製效果。 1、寬度變成了100% 2、設置了一個淺灰色（#ccc）的邊框 3、具有4px的圓角 4、設置陰影效果，並且元素得到焦點之時，陰影和邊框效果會有所變化 5、設置了placeholder的顏色為#999查看全部
-
<code>单行内联</code> <pre>多行块代码</pre> <kbd>键盘输入 keyboard</kbd>查看全部
-
有序ol无序ul，去掉默认样式list-unstyled,水平列表显示list-inline 定义dl,水平描述dl-horizontal查看全部
-
☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordered：带边框的表格 ☑ .table-hover：鼠标悬停高亮的表格 ☑ .table-condensed：紧凑型表格 ☑ .table-responsive：响应式表格查看全部
-
響應式表格 - Bootstrap提供了一個容器，並且此容器設置類名「.table-responsive」,此容器就具有響應式效果，然後將<table class="table">置於這個容器當中，這樣表格也就具有響應式效果。Bootstrap中響應式表格效果表現為：當你的瀏覽器可視區域小於768px時，表格底部會出現水平滾動條。當你的瀏覽器可視區域大於768px時，表格底部水平滾動條就會消失 <div class="table-responsive"> 表格置放於div容器內 <table class="table table-bordered"> .... </table> </div>查看全部
-
緊湊型表格 - 就是單元格沒內距或者內距較其他表格的內距更小.通過類名「table-condensed」重置了單元格內距值。 <table class="table table-condensed"> Bootstrap中緊湊型的表格與基礎表格差別不大，因為只是將單元格的內距由8px調至5px。 可以和Bootstrap其他表格混合使用 <table class="table table-striped table-bordered table-hover"> 大家在使用Bootstrap表格時，千萬注意，你的<table>元素中一定不能缺少類名「table」。查看全部
-
鼠标悬浮高亮的表格 - 當鼠標懸停在表格的行上面有一個高亮的背景色.用「.table-hover」類名來實現這種表格效果。 <table class="table table-hover"> 可以和Bootstrap其他表格混合使用，例如 <table class="table table-striped table-bordered table-hover">查看全部
-
帶邊框的表格 - 基礎表格僅讓表格部分地方有邊框，但有時候需要整個表格具有邊框效果。Bootstrap出於實際運用，也考慮這種表格效果，即所有單元格具有一條1px的邊框。只需要在基礎表格<table class="table">基礎上添加一個「.table-bordered」類名即可： <table class="table table-bordered">查看全部
-
斑馬線表格 - 讓表格帶有背景條紋效果.只需要在<table class="table">的基礎上增加類名「.table-striped」即可， <table class="table table-striped"> 其效果與基礎表格相比，僅是在tbody隔行有一個淺灰色的背景色,實現原理也非常的簡單， 利用CSS3的結構性選擇器「:nth-child」來實現，所以對於IE8以及其以下瀏覽器，沒有背景條紋效果。查看全部
-
基礎表格 - 在Bootstrap中，對於基礎表格是通過類名「.table」來控制 「.table」主要有三個作用： ☑ 給表格設置了margin-bottom:20px以及設置單元內距 ☑ 在thead底部設置了一個2px的淺灰實線 ☑ 每個單元格頂部設置了一個1px的淺灰實線查看全部
-
Bootstrap還為表格的行元素<tr>提供了五種不同的類名，每種類名控制了行的不同背景顏色 .active 表示當前活動的信息 .success 表示成功或者正確的行為 .info 表示中立的信息或行為 .warning 表示警告，需要特別注意 .danger 表示危險或者可能是錯誤的行為 實現懸浮狀態，需要在<table>標籤上加入table-hover類查看全部
举报
0/150
提交
取消