如何设置设备的边距/填充

即时通讯使我的网站响应设备，但我想知道如果我可以设置一个网格或边缘/填充属性的iPhone，所以我可以把它放在两个段落很好，而不是在eachother。如何设置设备的边距/填充

我已经尝试过电网一些文字，但它仍然看起来海誓山盟这个奇怪的是我的代码：

  <div class="row"> 
        <div class="col-xs-1 col-lg-12"> 
       <a href="#" class="test navbar-brand">Thisismy Test</a> 
        </div> 
       </div>

来源

2017-06-29 Choori 02

当你说2段..你想在2个单独的paragaraphs并排或每行中的文本..一个接一个？ – praveen

你还没有这个标记作为一个引导电网，但我猜想这是因为你的网格类。

你提到你想停止在iPhone上包装的导航品牌文本，所以我想知道你是否有理由不让navbar品牌的父母变宽？

在我看来，如果它需要是最小col-xs-5

这里是展示两个现有的HTML和 https://codepen.io/panchroma/pen/OgQxBw

HTML

<div class="row"> 
    <div class="col-xs-5 col-lg-12"> 
    <a href="#" class="test navbar-brand">Thisismy Test</a> 
    </div> 
</div>

来源

2017-06-30 01:53:58

如果你想修改一个例子在移动设备中显示整行的段落，使用col-xs-12类，它将占用整个行空间并以所有屏幕尺寸显示一行。

<div class="row"> 
    <div class="col-xs-12"> 
    <a href="#" class="test navbar-brand">Thisismy Test</a> 
    </div> 
</div>

如果你想边用COL-XS-6为每个显示行侧2段的div

<div class="row"> 
    <div class="col-xs-6 col-lg-12"> 
    <a href="#" class="test navbar-brand">Thisismy Test</a> 
    </div> 
<div class="col-xs-6 col-lg-12"> 
    <a href="#" class="test navbar-brand">Thisismy Test</a> 
    </div> 
</div>

如果你想编写自己的CSS，你可以用做媒体查询定义不同屏幕尺寸的自定义CSS https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

来源

2017-06-30 02:09:09 praveen

是的即时通讯现在使用媒体查询，但我真的想知道，如果我需要为每个最大宽度？因为我有一个1920x1080显示器我需要使每个显示器媒体查询吗？ –

@ Choori02你不需要为每个尺寸指定断点。除非你真的想......你可以为每个屏幕大小定义一些共同的断点......这个链接可以帮助你定义断点.. https://responsivedesign.is/develop/browser-feature-support/media-queries- for-common-device-breakpoints/ – praveen

但我的意思是我需要做每个新的屏幕分辨率媒体查询？ –

如何设置设备的边距/填充

回答

相关问题