Css 如何使用bootstrap3在ul中对齐社交媒体图标
我正在使用Bootstrap3中的导航栏。在那里我只放置了2个链接和社交媒体图标。当按下切换按钮时，当视口是一个较小的设备（如手机或平板电脑）时，我需要使社交媒体链接内容居中。在我的片段中，社交链接出现在左边。任何帮助都将不胜感激Css 如何使用bootstrap3在ul中对齐社交媒体图标,css,html,twitter-bootstrap-3,Css,Html,Twitter Bootstrap 3,我正在使用Bootstrap3中的导航栏。在那里我只放置了2个链接和社交媒体图标。当按下切换按钮时，当视口是一个较小的设备（如手机或平板电脑）时，我需要使社交媒体链接内容居中。在我的片段中，社交链接出现在左边。任何帮助都将不胜感激 jquery内容的css插件*/ .contenthover{ 填充：20px 20px 10px 20px； } .contenthover， .contenthover h3， 内容悬停{ 颜色：#fff； } .contenthover h3， .con
切换导航
-
-
-
-
-
-
媒体查询中包含断点768px
。为margin:0 auto
设置图标父元素的宽度以使其工作
@media (max-width: 768px) {
#mylinks ul.nav.navbar-nav.navbar-right.nav-pills {
width: 200px;
margin: 0 auto;
}
}
jquery内容的css插件*/
.contenthover{
填充：20px 20px 10px 20px；
}
.contenthover，
.contenthover h3，
内容悬停{
颜色：#fff；
}
.contenthover h3，
.contenthover p{
裕度：0 10px 0；
线高：1.4em；
填充：0；
}
.contenthover a.mybutton{
显示：块；
浮动：左；
填充物：5px10px；
背景#3c9632；
颜色：#fff；
-moz边界半径：4px；
-webkit边界半径：4px；
边界半径：4px；
}
.contenthover a.mybutton:悬停{
背景：#34742d
}
/*网站*/
身体{
边际：0px；
填充：0px；
字体系列：“高谭SSm A”，“高谭SSm B”，无衬线；
字体大小：300；
}
.导航栏文本{
边际：0px；
}
.navbar text>i{
颜色：继承；
文字装饰：无；
}
/****************修改引导***********************/
.navbar默认值{
背景色：#fff；
边缘底部：0px；
}
#我的链接{
显示：内联；
}
#李正中{
文本对齐：居中；
}
.导航药丸{
垫面：5px；
左边距：0px；
}
#继续社会媒体{
边际：0px；
填充：0px；
文本对齐：居中；
}
#主控{
填充顶部：15px；
垫底：15px；
背景颜色：粉红色；
}
.navbar默认值.navbar nav>li>a:悬停，
.navbar默认值。navbar导航>li>a:焦点{
颜色：蓝色；
/*设置导航栏上的文本悬停颜色*/
}
.navbar默认值.navbar nav>.active>a，
.navbar默认值.navbar nav>.active>a:悬停，
.navbar默认值.navbar nav>.active>a:焦点{
颜色：rgb（84,5,29）；
/*活动的背景色*/
背景色：白色；
}
.nav>li>a:悬停，
.nav>li>a：聚焦{
文字装饰：无；
背景颜色：灰色；
/*在此处更改滚动单元格颜色*/
}
.navbar默认值.navbar nav>li>a{
颜色：rgb（84,5,29）；
/*在此处更改活动文本颜色*/
}
@介质（最大宽度：768px）{
div#mylinks ul.nav.navbar-nav.navbar-right.nav-pills{
宽度：200px；
保证金：0自动；
}
}
切换导航
-
-
-
-
-
-