1、js如何設(shè)置padding屬性，js實現(xiàn)文本框?qū)挾茸赃m應文本寬度的方法？

將包裹文本的矩形display設(shè)置為inline-block，寬度設(shè)置為auto即可。

Winner Left Winner Leftdiv{width: auto;height: auto;padding:1em ;border-radius:1em;background: orange;display:inline-block;}效果

2、padding怎么用？

border-padding是前端開發(fā)中css用到的調(diào)節(jié)頁面用到的屬性，是用來設(shè)置盒子模型中內(nèi)邊距的屬性。

3、誰能告訴我margin和padding的用法以及區(qū)別？

margin表示盒子自身的位置描述，padding和border屬于自身屬性。對于盒子內(nèi)部的內(nèi)容來說，margin和padding對于距離的效果差不多的，但是因為padding是盒子屬性的原因，會將盒子的其他屬性也表示出來，相當于將小盒子變成了大盒子，像background，box-shadow之類屬性的表示范圍也會增大，而margin相當于將小盒子挪移了一段距離，并沒有增大盒子本身。特殊情況除外（總能想到反例，說出來又太麻煩了）

4、bootstrap柵欄布局實現(xiàn)原理？

bootstrap柵欄布局實現(xiàn)的原理是最基本的格局原理，通過復合形態(tài)的系統(tǒng)文件墻，結(jié)合形成固定的架構(gòu)，從而實現(xiàn)信息的復雜傳輸以及布局，實現(xiàn)高度保密性的連接。

行（row）必須放在.container（固定寬度）或.container-fluid（100%寬度）內(nèi)，以便為其賦予合適的排列（aligment）和內(nèi)補（padding）;

通過“行（row）”在水平方向創(chuàng)建一組“列（col）”;

你的內(nèi)容應當放置在“列（col）”內(nèi)，并且，只有“列（col）”可以作為行的直接子元素。

類似.row和.col-xs-4這種預定義的類，可以用來快速創(chuàng)建柵格系統(tǒng)布局。Bootstrap源碼中定義的mixin也可以用來創(chuàng)建語義化的布局。

通過為“列（col）”設(shè)置padding屬性，從而創(chuàng)建列與列之間的間隔。通過為.row元素設(shè)置負值margin從而抵消掉為.container元素設(shè)置的padding,也就間接為“行（row）”所包含的“列（col）”抵消掉了padding

負值的margin就是下面的示例為什么是 向外突出的原因。在柵格列中內(nèi)容排成一行。

柵格系統(tǒng)中的列是通過指定1到12的值來表示其跨越的范圍。例如，三個等寬的列可以使用三個.col-xs-4。

如果一“行（row）”中包含了的“列（col）”大于12，多余的“列（col）”所在的元素被作為一個整體另外一行排列。